forked from Migracode-Barcelona/htmlcss-portfolio
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
101 lines (95 loc) · 4.47 KB
/
index.html
File metadata and controls
101 lines (95 loc) · 4.47 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<title>Portfolio</title>
<link
href="//fonts.googleapis.com/css?family=Roboto:400,500,300"
rel="stylesheet"
type="text/css" />
<link rel="stylesheet" href="style.css">
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
<link rel="stylesheet" media="screen and (max-width:1170px)" href="tablet.css">
<link rel="stylesheet" media="screen and (max-width:900px)" href="phone.css">
<link rel="stylesheet" media="screen and (max-width:695px)" href="phone1.css">
</head>
<body>
<header>
<nav class="navbar">
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#portfolio">Portfolio</a></li>
<li><a href="#education">Education</a></li>
<li><a href="#about">About Me</a></li>
<li><a href="#contact">Contact Me</a></li>
</ul>
</nav>
</header>
<main>
<section id="home">
<h1 class="heading">HI, I AM</h1>
<h1 class="heading">EHIZELE MAXWELL</h1>
<br><br>
<p>AND THIS IS MY RESUME</p>
</section>
<section id="portfolio">
<h1 class="heading">Portfolio</h1>
<div class="gallery">
<img src="img1.jpg" alt="">
<img src="img2.jpg" alt="">
<img src="img3.jpg" alt="">
<img src="img4.jpg" alt="">
<img src="img5.jpg" alt="">
<img src="img6.jpg" alt="">
</div>
</section>
<section id="education">
<h1 class="heading">Education</h1>
<div class="columns">
<div class="box">
<h2>WASSCE</h2>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Eveniet quo rem architecto, quibusdam nulla vel minima aut veritatis fuga dicta?</p>
</div>
<div class="box">
<h2>Bachelors In Civil Engineering</h2>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Eveniet quo rem architecto, quibusdam nulla vel minima aut veritatis fuga dicta?</p>
</div>
<div class="box">
<h2>Leadership Certificate Course</h2>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Eveniet quo rem architecto, quibusdam nulla vel minima aut veritatis fuga dicta?</p>
</div>
<div class="box">
<h2>Diploma In Leadership</h2>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Eveniet quo rem architecto, quibusdam nulla vel minima aut veritatis fuga dicta?</p>
</div>
</div>
</section>
<section id="about">
<h1 class="heading">About me</h1>
<div class="about">
<img src="img7.jpg" alt="My Pic">
<div class="name">
<h2>I'm Ehizele Maxwell</h2>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Aliquid hic aperiam ad quae, quia officia sit. Officiis qui deserunt iure eaque hic illum expedita, ratione repellat molestias atque iste velit, delectus ut magni sit ab ducimus dolore nobis, eius ullam eveniet? Quam, at adipisci quae delectus quia eveniet officia. Quam iusto tenetur blanditiis dolores eos doloribus, odio numquam architecto alias amet consequatur, quae eius corporis, officiis fugit temporibus reiciendis. Beatae nobis molestias tempore omnis consequuntur hic qui ducimus iure nostrum. Aperiam ab magnam sit iusto excepturi perferendis aliquid, recusandae autem ipsum accusantium, itaque aliquam laborum est quidem facere culpa, atque a numquam neque fugiat delectus. Dicta inventore molestiae ipsa hic vero explicabo temporibus dolores fuga voluptatibus. Molestiae corporis culpa expedita quas praesentium consequuntur explicabo sit, amet facilis obcaecati iure cum necessitatibus soluta velit earum quis repellendus assumenda commodi quia quam. Saepe dolorum laudantium quam dignissimos ducimus hic, iste explicabo praesentium.</p>
</div>
</div>
</section>
</main>
<footer>
<section id="contact">
<h1 class="heading">Contact</h1>
<form action="" class="form">
<input type="text" name="name" class="input" placeholder="Enter Your Name">
<input type="email" name="email" class="input" placeholder="Enter Your Email">
<textarea name="message" id="message" cols="70" rows="20" placeholder="Enter Your Message"></textarea>
<input type="submit" value="Submit" id="submit">
</form>
</section>
</footer>
<!-- Remember: Use semantic HTML tags like <header>, <main>, <nav>, <footer>, <section> etc -->
</body>
</html>