-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
81 lines (74 loc) · 2.66 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="assests/styles.css" />
<title>HTML/CSS project</title>
</head>
<body>
<main>
<!--Navbar-->
<header>
<nav>
<ul>
<li><a href="#Contact">Contact</a></li>
<li><a href="#about">About</a></li>
<li><a href="#home">Home</a></li>
</ul>
</nav>
</header>
<!--Home section-->
<section id="home">
<h1>Welcome to my first HTML/CSS project</h1>
<figure>
<img id="img" src="/assests/images/andras-vas-Bd7gNnWJBkU-unsplash.jpg" alt="laptop" height="250" width="200" />
</figure>
<p id="p_home">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Minus
voluptate sunt omnis, sapiente libero velit in cupiditate quaerat
culpa autem ex dicta natus! Atque ea aut nihil accusantium asperiores.
Corporis?Lorem ipsum dolor sit amet consectetur adipisicing elit.
Unde, animi. Corrupti adipisci dolore mollitia. Beatae blanditiis
vitae deleniti repellat sed! Voluptates sed reprehenderit eveniet.
Facere amet veritatis expedita rem! Blanditiis!Lorem ipsum dolor sit
amet consectetur adipisicing elit. Unde, animi. Corrupti adipisci
dolore mollitia. Beatae blanditiis vitae deleniti repellat sed!
Voluptates sed reprehenderit eveniet. Lorem ipsum dolor sit amet
consectetur adipisicing elit. Unde, animi
</p>
</section>
<!--About Section-->
<section id="about">
<p id="p_about">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Unde, animi.
Corrupti adipisci dolore mollitia. Beatae blanditiis vitae deleniti
repellat sed! Voluptates sed reprehenderit eveniet. Facere amet
veritatis expedita rem! Blanditiis!
</p>
</section>
<!--Contact section-->
<div id="Contact">
<div class="form-container">
<form>
<div class="form-group">
<label for="name">Name:</label>
<input type="text" id="name" name="name" placeholder="Enter your name" />
</div>
<div class="form-group">
<label for="email">Email:</label>
<input type="email" id="email" name="email" placeholder="Enter your email" />
</div>
<div class="form-group">
<input type="submit" value="Submit" />
</div>
</form>
</div>
</div>
<!--Footer-->
<footer class="footer">
<p id="footer">All rights resrved Kirill Lazutin ©</p>
</footer>
</main>
</body>
</html>