-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
146 lines (106 loc) · 3.54 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Dossman Portfolio</title>
<link rel="stylesheet" href="./assets/styles/reset.css">
<link rel="stylesheet" href="./assets/styles/styles.css">
</head>
<body>
<header>
<h1>Tom Dossman</h1>
<nav>
<ul>
<li>
<a href="#about-me">About Me</a>
</li>
<li>
<a href="#work">Work</a>
</li>
<li>
<a href="#contact">Contact</a>
</li>
<li>
<a href="">Resume</a>
</li>
</ul>
</nav>
</header>
<div class="subtitle-rel">
<figure id="avatar">
<img src="./assets/images/DT-avatar.png">
<!-- <figcaption>Cool Subtitle</figcaption> -->
</figure>
</div>
<main>
<section id="about-me">
<div class="l-content">
<h2>About Me</h2>
</div>
<div class="r-content">
<p>
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Est aliquid excepturi fugiat ratione voluptatem, reprehenderit amet iure minus. Aspernatur rem tenetur, cupiditate quis et velit enim alias mollitia repellendus officia? Lorem ipsum dolor sit amet consectetur adipisicing elit. Quibusdam, nobis, veniam unde, corrupti amet aspernatur modi voluptates tempora similique fuga eligendi error labore debitis incidunt voluptate maiores beatae et mollitia!
</p>
</div>
</section>
<section id="work">
<div class="l-content">
<h2>Work</h2>
</div>
<div class="r-content">
<figure class="featured-link" id="featured">
<a href="https://city-glimpse-b7a1c6803ac1.herokuapp.com/" target="_blank">
<img src="./assets/images/City_glimpse_ss.png">
</a>
</figure>
<figure class="work-links" id="work2">
<a href="https://nsettyy.github.io/sound-scout/" target="_blank">
<img src="./assets/images/Sound-scout-preview.png">
</a>
</figure>
<figure class="work-links" id="work3">
<a href="https://dossman-thomas.github.io/Landing-page-site/" target="_blank">
<img src="./assets/images/landing-page-preview.png">
</figure>
<figure class="work-links" id="work4">
<a href="https://dossman-thomas.github.io/module-1-challenge/" target="_blank">
<img src="./assets/images/horiseon-preview.png">
</a>
</a>
</figure>
<figure class="work-links" id="work5">
<a href="https://dossman-thomas.github.io/prework-study-guide/" target="_blank">
<img src="./assets/images/pre-work-study-preview.png">
</a>
</figure>
<figure class="work-links" id="work6">
<img src="./assets/images/neon-coming-soon.jpg">
</figure>
<figure class="work-links" id="work7">
<img src="./assets/images/neon-coming-soon.jpg">
</figure>
</div>
</section>
</main>
<footer id="contact">
<ul>
<li class="contact-info" id="phone-number">
<a href="tel:2154593984">
215.459.3984
</a>
</li>
<li class="contact-info" id="email">
<a href="mailto:[email protected]">
</a>
</li>
<li class="contact-info" id="github">
<a href="https://github.com/Dossman-thomas" target="_blank">
GitHub
</a>
</li>
</ul>
</footer>
</body>
</html>