-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
155 lines (150 loc) · 6.02 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
<!doctype HTML>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Somex Productions</title>
</head>
<body>
<header>
<h1>Somex Productions</h1>
<nav class="main-nav">
<ul>
<li class="main-nav-link"><a href="#about">About me</a></li>
<li class="main-nav-link"><a href="#work">My work</a></li>
<li class="main-nav-link"><a href="#contact">Contact me</a></li>
</ul>
</nav>
<p class="about" id="about">
Hi, I'm just a guy that loves to code.My name is Somtochukwu.You can contact me on [email protected]
this is a boilercode lol
</p>
<nav class="contact-links">
<ul>
<li class="contact-link contact-link-email"><a href="mailto:[email protected]">Email</a>
<li class="contact-link contact-link-linkedin"><a href="https://www.linkedin.com">LinkedIn</a>
<li class="contact-link contact-link-github"><a href="https://www.github.com">GitHub</a>
</ul>
</nav>
</header>
<section class="work" id="work">
<h2>My work</h2>
<section class="project">
<h3>Frobnicator</h3>
<img class="project-image" src="http://unsplash.it/350/150?random&bust=1"
alt="Frobnicator screenshot">
<p class="project-description">
A frob which allows you to frobnicate other frobs.
</p>
<ul class="project-stack">
<li class="project-stack-item">
React
</li>
<li class="project-stack-item">
Redux
</li>
<li class="project-stack-item">
Node.js
</li>
</ul>
<nav class="project-links">
<ul>
<li class="project-link project-link-live">
<a href="#">Live demo</a>
</li>
<li class="project-link project-link-github">
<a href="#">Source code</a>
</li>
</ul>
</nav>
</section>
<section class="project">
<h3>FooBar</h3>
<img class="project-image" src="http://unsplash.it/350/150?random&bust=2"
alt="FooBar screenshot">
<p class="project-description">
A foo which allows you to bar other bazes.
</p>
<ul class="project-stack">
<li class="project-stack-item">
React
</li>
<li class="project-stack-item">
Redux
</li>
<li class="project-stack-item">
Node.js
</li>
</ul>
<nav class="project-links">
<ul>
<li class="project-link project-link-live">
<a href="#">Live demo</a>
</li>
<li class="project-link project-link-github">
<a href="#">Source code</a>
</li>
</ul>
</nav>
</section>
<section class="project">
<h3>AliceBob</h3>
<img class="project-image" src="http://unsplash.it/350/150?random&bust=3"
alt="AliceBob screenshot">
<p class="project-description">
An Alice which allows you to Bob other Eves.
</p>
<ul class="project-stack">
<li class="project-stack-item">
React
</li>
<li class="project-stack-item">
Redux
</li>
<li class="project-stack-item">
Node.js
</li>
</ul>
<nav class="project-links">
<ul>
<li class="project-link project-link-live">
<a href="#">Live demo</a>
</li>
<li class="project-link project-link-github">
<a href="#">Source code</a>
</li>
</ul>
</nav>
</section>
<section class="project">
<h3>Wibble</h3>
<img class="project-image" src="http://unsplash.it/350/150?random&bust=4"
alt="Wibble screenshot">
<p class="project-description">
A wibble which allows you to wobble other wubbles.
</p>
<ul class="project-stack">
<li class="project-stack-item">
React
</li>
<li class="project-stack-item">
Redux
</li>
<li class="project-stack-item">
Node.js
</li>
</ul>
<nav class="project-links">
<ul>
<li class="project-link project-link-live">
<a href="#">Live demo</a>
</li>
<li class="project-link project-link-github">
<a href="#">Source code</a>
</li>
</ul>
</nav>
</section>
</section>
</body>
</html>