-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
149 lines (131 loc) · 4.62 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
<!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">
<link rel="stylesheet" href="./assets/css/style.css">
<title>Darby's Portfolio</title>
</head>
<body>
<!--navigation-->
<header>
<h1>Darby's Porfolio </h1>
<div class="nav">
<nav>
<ul>
<li><a href="#about-me">About Me</a></li>
<li><a href="./my-work.html">My Work</a></li>
<li><a href="#contact-me">Contact Me</a></li>
<li><a href="#resume">Resume</a></li>
</ul>
</nav>
</div>
</header>
<div class="image-banner" alt="a photo that I took of a string of lightbulbs that were turned on. ">
<h2>Subtitle</h2>
</div>
</section>
<main>
<div class="section-title">
<section id="about-me" class="content">
<div class="title">
<h2>About Me</h2>
</div>
<div class="about">
<div class="description">
<img class="selfie" img src="./assets/images/IMG1087.JPG">
<p>
I grew up in a small town called Iowa Park in Texas. I have a
older brother who currently is playing baseball for the Hartford
Yardgoats in the Minor Leagues. I went to Hardin-Simmons
Univerisity and graduated with a Bachelors of Fine Arts Degree
specializing in Graphic Design. Ive been through some challenges
starting my career as a Graphic Designer, but during those
challenges I found a passion for Website Design.
</p>
</div>
</div>
</section>
<!-- my work section -->
<section id="my-work" class="content">
<div class="title">
<h2>My Work</h2>
</div>
<div class="project-container" id="highlight">
<div class="projects" id="uiux">
<p><a href="https://darbybiddy.github.io/Horiseon-refactor/">UI/UX</p></a>
</div>
<!-- <div class="work-images"> -->
<div class="small" id="photography">
<!-- <img src="./assets/images/img039.jpg" class="mw-100" alt=""> -->
<p>Photography</p>
</div>
<div class="small" id="furniture">
<p>Furniture Design</p>
</div>
<div class="small" id="graphic">
<p>Graphic Design</p>
</div>
<div class="small" id="logo">
<p>Logo</p>
</div>
</div>
</section>
<!-- end of my work section -->
<!-- contact me section -->
<section id="contact-me" class="content">
<div class="title">
<h2>Contact Me</h2>
</div>
<div class="contact">
<div class="contact-info">
<a href="tel:940-249-8214">(940)249-8214</a>
</div>
<div class="contact-info">
<a href="mailto:[email protected]">[email protected]</a>
</div>
<div class="contact-info">
<a href="https://github.com/Darbybiddy?tab=repositories">GitHub</a>
</div>
<div class="contact-info">
<a href="https://www.linkedin.com/in/darby-biddy-8530041a6/">Linkedin</a>
</div>
</div>
</section>
<!-- end of contact me section -->
<section id="resume" class="content">
<div class="title">
<h2>Resume</h2>
</div>
<div class="description">
<p>my resume</p>
</div>
</section>
</div>
</main>
<footer>
<img scr="#" alt="logo" />
</footer>
</body>
</html>
<!-- edit the work section
<section id="my-work" class="content">
<h2 class="title">My Work</h2>
<div class="my-work">
<div class="card">
<a href="https://github.com/Darbybiddy/Horiseon-refactor">
<img src="./assets/images/horiseon.png" class="img-fluid rounded rounded-4 shadow-2-strong" alt="Horiseon-refactor"></a>
<div class="card-img-overlay">
<h3 class="card-title">Horiseon-Refactor</h3>
</div>
</div>
<div class="small">
<a href="https://github.com/Darbybiddy/Horiseon-refactor">
<img src="./assets/images/screenshot.png" class="img-fluid rounded rounded-4 shadow-2-strong" alt="Horiseon-refactor"></a>
<div class="card-img-overlay">
<h3 class="card-title">Horiseon-Refactor</h3>
</div>
</div>
</div>
</section> -->