-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathwhat-i-do.html
163 lines (141 loc) · 7.48 KB
/
what-i-do.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
157
158
159
160
161
162
163
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta description="Portfolio of Brooklyn based Technologist of Mark Nyon showcasing experience
in mentoring, tutoring, development, engineering and past employment" />
<title>Mark Nyon - Technologist, Educator - What I Do</title>
<link href="style.css" rel="stylesheet">
<link href="whatido.css" rel="stylesheet">
<link href="icons.css" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800&display=swap"
rel="stylesheet">
</head>
<body>
<div class="header">
<h1>Mark Nyon</h1>
<div class="line2">
<h3>Technologist, Educator</h3>
<div class="link1">
<a href="work.html">WORK</a>
</div>
<div class="link2">
<a href="index.html">ABOUT</a>
</div>
<div class="dropdown">
<div class="dropbtn">WHAT I DO
</div>
<div class="dropdown-content">
<a href="what-i-do.html">Educate</a>
<a href="what-i-do.html">Build</a>
</div>
</div>
</div>
</div>
<div class="Content">
<div class="WhatIDo">
<div class="Description" id="">
<p><h7>Educate</h7></p>
<br>
<p>Technologist, editor, expert in [[list skills]], worked with [[list some stuff]],
Keywords for SEO puroposes, etc.
elit, nam viverra curabitur ridiculus condimentum habitasse sociosqu massa,
integer tincidunt dictumst taciti eget dapibus. Nisi eros quam mi congue arcu
sagittis dapibus dui, fermentum a dictum nulla tristique dignissim augue,himenaeos
cursus suscipit venenatis parturient euismod eleifend. Tincidunt fames habitant
fringilla dignissimeu facilisi ac, id diam metus mattis volutpat sapien suspendisse
interdum, condimentum molestie tellus gravida risus purus.
</p>
</div>
<div class="container">
<div class="box quotemarks"><img id="quoteimage" src="images/test-quotes.png" width="14%"></div>
<div class="box darkblue">Testimonial goes here Lorem ipsum dolor sit amet
consectetur adipiscing elit, urna consequat felis
vehicula class ultricies mollis dictumst, aenean non a in donec nulla.
Phasellus ante pellentesque erat cum risus consequat imperdiet
aliquam, integer placerat et turpis mi eros nec lobortis taciti,
vehicula nisl litora tellus ligula porttitor metus" </p>
<p><h2>Stefanie Seskin</h2></p>
</div>
</div>
<div class="container">
<div class="box quotemarks"><img id="quoteimage" src="images/test-quotes.png" width="14%"></div>
<div class="box blue">Testimonial goes here Lorem ipsum dolor sit amet
consectetur adipiscing elit, urna consequat felis
vehicula class ultricies mollis dictumst, aenean non a in donec nulla.
Phasellus ante pellentesque erat cum risus consequat imperdiet
aliquam, integer placerat et turpis mi eros nec lobortis taciti,
vehicula nisl litora tellus ligula porttitor metus" </p>
<p><h2>Stefanie Seskin</h2></p></div>
</div>
<div class="Description" id="">
<p><h7>Educate</h7></p>
<br>
<p>Technologist, editor, expert in [[list skills]], worked with [[list some stuff]],
Keywords for SEO puroposes, etc.
elit, nam viverra curabitur ridiculus condimentum habitasse sociosqu massa,
integer tincidunt dictumst taciti eget dapibus. Nisi eros quam mi congue arcu
sagittis dapibus dui, fermentum a dictum nulla tristique dignissim augue,himenaeos
cursus suscipit venenatis parturient euismod eleifend. Tincidunt fames habitant
fringilla dignissimeu facilisi ac, id diam metus mattis volutpat sapien suspendisse
interdum, condimentum molestie tellus gravida risus purus.
</p>
</div>
<div class="Description" id="">
<p><h7>Educate</h7></p>
<br>
<p>Technologist, editor, expert in [[list skills]], worked with [[list some stuff]],
Keywords for SEO puroposes, etc.
elit, nam viverra curabitur ridiculus condimentum habitasse sociosqu massa,
integer tincidunt dictumst taciti eget dapibus. Nisi eros quam mi congue arcu
sagittis dapibus dui, fermentum a dictum nulla tristique dignissim augue,himenaeos
cursus suscipit venenatis parturient euismod eleifend. Tincidunt fames habitant
fringilla dignissimeu facilisi ac, id diam metus mattis volutpat sapien suspendisse
interdum, condimentum molestie tellus gravida risus purus.
</p>
</div>
<div class="container">
<div class="box quotemarks"><img id="quoteimage" src="images/test-quotes.png" width="14%"></div>
<div class="box darkblue">Testimonial goes here Lorem ipsum dolor sit amet
consectetur adipiscing elit, urna consequat felis
vehicula class ultricies mollis dictumst, aenean non a in donec nulla.
Phasellus ante pellentesque erat cum risus consequat imperdiet
aliquam, integer placerat et turpis mi eros nec lobortis taciti,
vehicula nisl litora tellus ligula porttitor metus" </p>
<p><h2>Stefanie Seskin</h2></p>
</div>
</div>
</div>
</div>
<div class="Contact">
<ul>
<li><p class="Email">For press inquiries, please contact
<a style="font-size: 14px" href="">[email protected]</a></p></li>
<li><button onclick= "location = 'contact.html'" class="footerbutton">Contact Me ></button></li>
</ul>
</div>
</div>
<div class="footer">
<div class="icons">
<div class="icon">
<a href=""><img src="icons/twitter3.png" width="45" height="45" alt="Twitter"></a>
</div>
<div class="icon">
<a href="https://github.com/trystant" target="new"><img src="icons/guithub.png" width="45" height="45" alt="Github"></a>
</div>
<div class="icon">
<a href="https://www.linkedin.com/in/marknyon/" target="new"><img src="icons/linkedin.png" width="45" height="45" alt="LinkedIn"></a>
</div>
<div class="icon">
<a href="https://blog.grandkru.com/" target="new"><img src="icons/blog.png" width="45" height="45" alt="Blog"></a>
</div>
<div class="icon">
<a href="http://grandkru.com/MarkSamuelNyon.pdf" target="new"><img src="icons/resume.png" width="45" height="45" alt="Resume"></a>
</div>
</footer>
</div>
</div>
</body>