-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
156 lines (118 loc) · 5.17 KB
/
index.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
146
147
148
149
150
151
152
153
154
155
156
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Jill Holmes Online Portfolio</title>
<link rel="stylesheet" a href="assets/styles.css">
</head>
<body>
<!-- navigation/header-->
<header>
<div class="header-main">
<div class="header-name">
<h1>Jill Holmes</h1>
</div>
<div class="header-nav">
<ul>
<div class="nav-item">
<li>
<a href="#contact-me">Contact Me</a>
</li>
</div>
<div class="nav-item">
<li>
<a href="#portfolio">Portfolio</a>
</li>
</div>
<div class="nav-item">
<li>
<a href="#profile-about">About Me</a>
</li>
</div>
</ul>
</div>
</div>
</header>
<!-- end navigation/header-->
<!--hero/about me section-->
<section id="profile-about">
<div class="about-me" style="flex-shrink: 1">
<h2>About Me</h2>
<p>I am an aspiring web developer. I am currently learning HTML, CSS and Javascript. When I am not coding I enjoy knitting, pottery and rock climbing. I am a mom of identical twin boys who keep me very busy. </p>
</div>
<div class="profile-img" style="flex-shrink: 1.75">
<!--img goes here in the css-->
</div>
</section>
<!--end hero/about me section-->
<!-- portfolio section -->
<div id="portfolio" class="portfolio-title">
<h2>Portfolio</h2>
</div>
<section>
<container class="container">
<div class="run-buddy">
<div class="project-title">No1 Fan<a href="https://github.com/Jillium/no1fan" target="_blank"><img src="assets/github.png"></a></div>
<a href="https://number1fan.herokuapp.com/" target="_blank">
<img class="gallery-big" src="assets/no1fanscreenshot.png" alt="A screencrap of the Moon Phases application">
</a>
</div>
</container>
<container class="project-row">
<div class="placeholder">
<div class="project-title">Moon PHases <a href="https://github.com/Jillium/moon-phase" target="_blank"><img src="assets/github.png"></a></div>
<a href="https://lholgate.github.io/moon-phase/" target="_blank"></a>
<img class ="placeholder-one" src="assets/Moonphase-screenshot.png" alt="A screencap of the Moon Phases application">
</a>
</div>
<div class="placeholder">
<div class="project-title">Tech Blog<a href="https://github.com/Jillium/tech-blog" target="_blank"><img src="assets/github.png"></a></div>
<a href="https://infinite-beach-07977.herokuapp.com/">
<img class="placeholder-two" src="assets/techblogscreenshot.png" alt="A screenshot of the tech blog application">
</a>
</div>
</container>
<container class="project-row">
<div class="placeholder">
<div class="project-title">Run Buddy <a href="https://github.com/Jillium/run-buddy" target="_blank"><img src="assets/github.png"></a></div>
<a href="https://jillium.github.io/run-buddy/" target="_blank">
<img class ="placeholder-one" src="assets/run-buddy.png" alt="A screenshot of the run-buddy application">
</a>
</div>
<div class="placeholder">
<div class="project-title">Future Project HTML/CSS/Javascript</div>
<a href="https://github.com/Jillium" target="_blank" >
<img class="placeholder-four" src="assets/pexels-pixabay-158385.jpeg" alt="Mountains overlooking a lake">
</a>
</div>
</container>
</section>
<!-- end portfolio section-->
<!--footer/contact me section -->
<section>
<footer class="footer-main">
<div class="footer-title">
<h3 id="contact-me">Reach Out</h3>
</div>
<div class="footer-links">
<ul>
<div class="link-item">
<li><a href="mailto:[email protected]">[email protected]</a></li>
</div>
<div class="link-item">
<li><a href="https://docs.google.com/document/d/1etez2qLLShgnFaRUXd6CCgxtwLmqX55QPytt9V3IPGc/edit?usp=sharing">Resume</a></li>
</div>
<div class="link-item">
<li><a href="https://github.com/Jillium">Github</a></li>
</div>
<div class="link-item">
<li><a href="https://www.linkedin.com/in/jillholmes688a23215">LinkedIn</a></li>
</div>
</ul>
</div>
</footer>
</section>
</body>
</html>