-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
93 lines (93 loc) · 3.11 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
<!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/style.css" />
<title>About Me</title>
</head>
<body>
<header>
<div><h1>Gabrielle Seri</h1></div>
<nav>
<!--navigation links-->
<ul>
<li>
<a href="about-me">About Me</a>
</li>
<li>
<a href="my-work">Work</a>
</li>
<li>
<a href="contact-me">Contact Me</a>
</li>
<li>
<a href="resume">Resume</a>
</li>
</ul>
</nav>
</header>
<main>
<section>
<h3>Subtitle here</h3>
</section>
<section>
<div>
<h2>About Me</h2>
</div>
<div>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Temporibus nostrum, fuga placeat exercitationem,
officiis, illum praesentium quasi rerum rem aut nesciunt
minus eligendi consequuntur ad quia ullam cupiditate
repellat optio doloremque ut vitae facilis? Nihil?
</p>
</div>
</section>
<section>
<div>
<h2>Projects</h2>
<div>
<!--developer's first application: largest image-->
<img src="./Assets/darius.jpg" />
</div>
<section>
<div>
<img src="./Assets/darius.jpg" />
</div>
<div>
<img src="./Assets/darius.jpg" />
</div>
<div>
<img src="./Assets/darius.jpg" />
</div>
<div>
<img src="./Assets/darius.jpg" />
</div>
</section>
</div>
</section>
</main>
<footer>
<div><h2>Contact Me</h2></div>
<nav>
<ul>
<li>
<a href="phone-number">123-456-7891</a>
</li>
<li>
<a href="my-email">[email protected]</a>
</li>
<li>
<a href="my-gitHub">GitHub</a>
</li>
<li>
<a href="my-linkedin">Linkedin</a>
</li>
</ul>
</nav>
</footer>
</body>
</html>