-
Notifications
You must be signed in to change notification settings - Fork 0
/
portfolio.html
135 lines (117 loc) · 6.29 KB
/
portfolio.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="en-us">
<title>Doug's Portfolio</title>
<!-- Add Bootstrap CDN Here -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
<!-- Add CSS stylesheet here -->
<link rel="stylesheet" href="./assets/css/style.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<!-- The div below supports the sticky footer styling at the end of the body -->
<div id="page-content">
<!-- The body and navbar are based on an example from StartBootstrap. The example is found at https://startbootstrap.com/snippets/full-image-background/ -->
<!-- Set Up Navigation -->
<nav class="navbar navbar-expand-lg navbar-light bg-light static-top mb-5 mt-5 `shadow">
<div class="container">
<a id="reverse-type" class="navbar-brand" href="index.html">Douglass T. Davidoff</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="index.html">About
<span class="sr-only">(current)</span>
</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="portfolio.html">Portfolio</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Page Content -->
<main>
<div class="container" id="dtd-container">
<div class="card border-0 shadow my-5">
<div class="card-body p-5">
<h1 id="headline" class="font-weight-light" color="blue">Doug's Portfolio</h1>
<hr>
<section>
<!-- Row One, Two Cards -->
<div class="row">
<!-- Row One, Left Card -->
<div class="col-md-5">
<div class="card" style="width: 20rem; padding-left: 20px; padding-right: 100px; border: 0px;">
<a href="https://dougdavidoff.github.io/bags"><img class="card-img-top" src="/assets/images/201009-bags-badge.png" style="height:200px;width:200px" alt="Remember The Bags App"></a>
<div class="card-body">
</div>
</div>
</div>
<!-- Row One, Right Card -->
<div class="col-md-5">
<div class="card" style="width: 20rem; padding-left: 20px; padding-right: 100px; border: 0px;">
<img class="card-img-top" src="https://via.placeholder.com/350" alt="Card image cap">
<div class="card-body">
</div>
</div>
</div>
</div>
<!-- End of Row One -->
<!-- Row Two, Two Cards -->
<div class="row">
<!-- Row Two, Left Card -->
<div class="col-md-5">
<div class="card" style="width: 20rem; padding-left: 20px; padding-right: 100px; border: 0px;">
<img class="card-img-top" src="https://via.placeholder.com/350" alt="Card image cap">
<div class="card-body">
</div>
</div>
</div>
<!-- Row Two, Right Card -->
<div class="col-md-5">
<div class="card" style="width: 20rem; padding-left: 20px; padding-right: 100px; border: 0px;">
<img class="card-img-top" src="https://via.placeholder.com/350" alt="Card image cap">
<div class="card-body">
</div>
</div>
</div>
</div>
<!-- End of Row Two -->
<!-- Row Three, One Card -->
<div class="row">
<!-- Row Three, Left Card -->
<div class="col-md-5">
<div class="card" style="width: 20rem; padding-left: 20px; padding-right: 100px; border: 0px;">
<img class="card-img-top" src="https://via.placeholder.com/350" alt="Card image cap">
<div class="card-body">
</div>
</div>
</div>
</div>
<!-- End of Row Two -->
</section>
</div>
</div>
</div>
</main>
<!-- Bootstrap sticky footer begins here. Uses code from StartBootstrap at https://startbootstrap.com/snippets/sticky-footer-flexbox/ -->
<footer id="sticky-footer" class="py-4 bg-dark text-white-50">
<!-- following updates copyright year automatically -->
<div class="container text-center">
<small>Copyright © 2019-<script>document.write(new Date().getFullYear())</script> by Douglass Davidoff</small>
</div>
</footer>
</div>
</body>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>
</html>