-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
125 lines (116 loc) · 5.52 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Portfolio Page</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
</head>
<body>
<!-- HEADER -->
<header>
<nav id="nav">
<img src="images/logo.png" alt="logo" class="logo">
<ul>
<li><a href="#"><i class="fa fa-home" aria-hidden="true"></i> Home</a></li>
<li><a href="#about"><i class="fa-solid fa-user"></i> About</a></li>
<li><a href="#"><i class="fa fa-tasks" aria-hidden="true"></i> Projects</a></li>
<li><a href="#"><i class="fa fa-envelope" aria-hidden="true"></i> Contact</a></li>
</ul>
</nav>
<div class="header-text">
<h3>Hello, My name is</h3>
<h1>Emmanuel Anaba</h1>
<h4>I'm a Software Engineer <!--in the making --></h4>
</div>
</header>
<!-- ABOUT -->
<section id="about">
<div class="main">
<img src="images/me.png" alt="me">
<div class="text">
<h1>About Me</h1>
<h5>Developer & Designer</h5>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Necessitatibus non eos et totam cumque
quidem. Rem quis numquam exercitationem.
</p>
<div class="data">
<div class="me-data">
<h2>Skills</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vero, ullam error beatae vitae
dolores at
provident placeat quibusdam. Dolores quod quasi magni, provident explicabo corporis magnam
laborum
eveniet et laudantium quidem consequuntur corrupti sit nisi. Enim alias blanditiis delectus
quisquam.</p>
</div>
<div class="me-data">
<h2>Education</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vero, ullam error beatae vitae
dolores at
provident placeat quibusdam. Dolores quod quasi magni, provident explicabo corporis magnam
laborum
eveniet et laudantium quidem consequuntur corrupti sit nisi. Enim alias blanditiis delectus
quisquam.</p>
</div>
</div>
</div>
</div>
</section>
<!-- PROJECTS -->
<section class="projects">
<h1>Here are some of my recent projects</h1>
<div class="col">
<div class="course-col">
<img src="images/project1" alt="project1">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vero, ullam error beatae vitae dolores at
provident placeat quibusdam. Dolores quod quasi magni, provident explicabo corporis magnam laborum
eveniet et laudantium quidem consequuntur corrupti sit nisi. Enim alias blanditiis delectus
quisquam.</p>
</div>
<div class="course-col">
<img src="images/project1" alt="project1">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vero, ullam error beatae vitae dolores at
provident placeat quibusdam. Dolores quod quasi magni, provident explicabo corporis magnam laborum
eveniet et laudantium quidem consequuntur corrupti sit nisi. Enim alias blanditiis delectus
quisquam.</p>
</div>
<div class="course-col">
<img src="images/project1" alt="project1">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vero, ullam error beatae vitae dolores at
provident placeat quibusdam. Dolores quod quasi magni, provident explicabo corporis magnam laborum
eveniet et laudantium quidem consequuntur corrupti sit nisi. Enim alias blanditiis delectus
quisquam.</p>
</div>
</div>
</section>
<!-- CONTACT -->
<section class="contact">
<form>
<h2 class="w3-center">Send Me A Message</h2>
<input name="name" type="text" placeholder="Name" required>
<input name="email" type="email" placeholder="Email" required>
<input name="phone" type="number" placeholder="Phone" required>
<textarea name="message" rows="5" placeholder="Message"></textarea>
<div class="center">
<button id="send">Send</button>
</div>
</form>
</section>
<!-- FOOTER -->
<footer>
<h2>Emmanuel Anaba</h2>
<h4>Follow Me</h4>
<div class="social">
<a href="#"><i class="fa-brands fa-facebook-f"></i></a>
<a href="#"><i class="fa-brands fa-instagram"></i></a>
<a href="#"><i class="fa-brands fa-linkedin-in"></i></i></a>
<a href="#"><i class="fa-brands fa-discord"></i></i></i></a>
<a href="#"><i class="fa-brands fa-x-twitter"></i></a>
<a href="#"><i class="fa-brands fa-github"></i></a>
</div>
<p class="copy">Copyright © Emmanuel Anaba</p>
</footer>
</body>
</html>