This repository has been archived by the owner on Jul 10, 2018. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
77 lines (73 loc) · 4.72 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
<!doctype html>
<html lang="zxx">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge"> <!-- Edge mode tells Internet Explorer to display content in the highest mode available. -->
<title>Jane Doette</title>
<meta name="description" content="On this page I showcase some of the work I've done. If you are interested in working with me, feel free to contact me!">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<header>
<div id="header-content-wrapper">
<img id="header-logo" src="img/udacity.svg" alt="Udacity Logo" height="60" width="60">
<h1 id="header-heading" class="uppercase">Jane Doette</h1>
<p id="header-subheading" class="uppercase">Front-end Ninja</p>
</div>
</header>
<main>
<img id="banner_image" src="img/stock_image_computer.jpg" alt="Stock Image Computer">
<h2 id="featured-work-heading">Featured Work</h2>
<div id="featured-work-wrapper">
<article class="work">
<div class="work-wrapper">
<img src="img/appify.jpg" alt="Project Appify">
<h3 class="work-heading uppercase">Appify</h3>
<a class="work-link" href="https://github.com/udacity/Appify">https://github.com/udacity/Appify</a>
<p class="work-description">
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore
et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et
ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem
ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore
et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et
ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
</p>
</div>
</article>
<article class="work">
<div class="work-wrapper">
<img src="img/sunflower.jpg" alt="Project Sunflower">
<h3 class="work-heading uppercase">Sunflower</h3>
<a class="work-link" href="https://github.com/udacity/Sunflower">https://github.com/udacity/Sunflower</a>
<p class="work-description">
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore
et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et
ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem
ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore
et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et
ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
</p>
</div>
</article>
<article class="work">
<div class="work-wrapper">
<img src="img/bokeh.jpg" alt="Project Bokeh">
<h3 class="work-heading uppercase">Bokeh</h3>
<a class="work-link" href="https://github.com/udacity/Bokeh">https://github.com/udacity/Bokeh</a>
<p class="work-description">
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore
et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et
ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem
ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore
et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et
ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
</p>
</div>
</article>
</div>
</main>
</body>
</html>