-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathportfolio.html
145 lines (140 loc) · 6.64 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
136
137
138
139
140
141
142
143
144
145
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Portfolio</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="assets/CSS/style.css">
</head>
<!--This is where all the web content lives-->
<body>
<!--This is the header section-->
<div class="container">
<div class="row header">
<!--this is a column that is the full width of the screen-->
<div class="col-lg-6 col-md-6 col-sm-12 name">
<h1>Courtney Tucker</h1>
</div>
<!--This is the header navigation-->
<div class="col-lg-6 col-md-6 col-sm-12 header-nav">
<nav class="nav">
<a class="nav-link" href="index.html">About Me</a> |
<a class="nav-link" href="portfolio.html">Portfolio</a> |
<a class="nav-link" href="https://www.linkedin.com/in/courtt3d/">LinkedIn</a> |
<a class="nav-link" href="contact.html">Contact</a> |
<a class="nav-link" href="resume.html">Resume</a>
</nav>
</div>
</div>
<!--This is the main content area-->
<div class="row title">
<div class="col-lg-12 col-md-12 col-sm-12 about">
<h2>Development Portfolio</h2>
</div>
</div>
<div class="row main">
<div class="col-lg-6 col-md-6 col-sm-12">
<div class="card">
<a href="https://healthychild.love"><img class="card-img-top" src="assets/images/Screen-Shot-2024-12-13-1.png" alt="Healthy Child"></a>
<div class="card-body">
<h5 class="card-title">Healthy Child</h5>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-12">
<div class="card">
<a href="https://101legalsolutions.com"><img class="card-img-top" src="assets/images/Screen-Shot-2024-12-13-2.png" alt="101 Legal Solutions"></a>
<div class="card-body">
<h5 class="card-title">101 Legal Solutions</h5>
</div>
</div>
</div>
</div>
<div class="row main">
<div class="col-lg-6 col-md-6 col-sm-12">
<div class="card">
<a href="https://taylornburrows.github.io/shot_caller/"><img class="card-img-top" src="assets/images/Flaming-shots-iStock.jpg" alt="Shot Caller"></a>
<div class="card-body">
<h5 class="card-title">Shot Caller</h5>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-12">
<div class="card">
<a href="https://dungeon-bud.onrender.com/main"><img class="card-img-top" src="assets/images/rpg2.jpg" alt="Shot Caller"></a>
<div class="card-body">
<h5 class="card-title">Dungeon Bud</h5>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-12">
<div class="card">
<a href="https://ctucker9233.github.io/Weather-Forcast/"><img class="card-img-top" src="assets/images/ca_0126NID_Thunderstorm_Melbourne_online.jpg" alt="Weather Forecast"></a>
<div class="card-body">
<h5 class="card-title">Weather Forecast</h5>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-12">
<div class="card">
<a href="https://ctucker9233.github.io/Password-Generator-JS/"><img class="card-img-top" src="assets/images/591665-how-to-create-a-random-password-generator.jpg"
alt="Rock Paper Scissors"></a>
<div class="card-body">
<h5 class="card-title">Password Generator</h5>
</div>
</div>
</div>
</div>
<div class="row main">
<div class="col-lg-6 col-md-6 col-sm-12">
<div class="card">
<a href="https://ctucker9233.github.io/Daily-Planner/"><img class="card-img-top" src="assets/images/ttp-disc-week-completed.jpg" alt="Coding quiz"></a>
<div class="card-body">
<h5 class="card-title">Daily Planner</h5>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-12">
<div class="card">
<a href="https://ctucker9233.github.io/Coding-Quiz/"><img class="card-img-top" src="assets/images/Why-You-Love-Online-Quizzes-825x500.jpg" alt="Coding Quiz"></a>
<div class="card-body">
<h5 class="card-title">Coding Quiz</h5>
</div>
</div>
</div>
</div>
<div class="row title">
<div class="col-lg-12 col-md-12 col-sm-12 about">
<h2>Video Portfolio</h2>
</div>
</div>
<div class="row main">
<div class="col-lg-6 col-md-6 col-sm-12">
<div class="card">
<a href="https://www.youtube.com/channel/UCdThmj57AkOlhzn29LkIfGg"><img class="card-img-top" src="assets/images/VineyardChurchCover.png" alt="Fallbrook Vineyard Church"></a>
<div class="card-body">
<h5 class="card-title">Fallbrook Vineyard Church</h5>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-12">
<div class="card">
<a href="https://www.youtube.com/watch?v=Z5QASfBNyoM"><img class="card-img-top" src="assets/images/TummyVideoCover-min.png" alt="Why Does My tummy Hurt"></a>
<div class="card-body">
<h5 class="card-title">Why Does My Tummy Hurt Movie Trailer</h5>
</div>
</div>
</div>
</div>
<!--This is the footer-->
<div class="row footer">
<div class="col-lg-12 col-md-12 col-sm-12">
<p>Copyright 2025</p>
</div>
</div>
</div>
</body>
</html>