-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
105 lines (105 loc) · 3.47 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="assets/styles/main.css">
</head>
<body>
<aside class="sidebar">
<!-- navbar -->
<nav class="navbar">
<ul>
<li>
<a href="#welcome">WELCOME</a>
</li>
<li>
<a href="#who-we-are">WHO WE ARE</a>
</li>
<li>
<a href="#what-we-do">WHAT WE DO</a>
</li>
<li>
<a href="#get-in-touch">GET IN TOUCH</a>
</li>
</ul>
</nav>
</aside>
<main>
<!-- welcome-->
<section id="welcome">
<div class="content">
<h1>Hyperspace</h1>
<p>Just another fine responsive site template designed by HTML5 UP
and released for free under the Creative Commons.</p>
<a href="#">LEARN MORE</a>
</div>
</section>
<!-- who-we-are -->
<section id="who-we-are">
<div class="container">
<div class="content-item">
<div class="image-container">
<img src="assets/images/flower-1.jpg" alt="flower -1">
</div>
<div class="text-container">
<h2>Sed ipsum dolor</h2>
<p>Just another fine responsive site template designed by HTML5 UP
and released for free under the Creative Commons.</p>
<a href="#">LEARN MORE</a>
</div>
</div>
<div class="content-item">
<div class="image-container">
<img src="assets/images/flower-2.jpg" alt="flower -2">
</div>
<div class="text-container">
<h2>Feugiat consequat</h2>
<p>Just another fine responsive site template designed by HTML5 UP
and released for free under the Creative Commons.</p>
<a href="#">LEARN MORE</a>
</div>
</div>
<div class="content-item">
<div class="image-container">
<img src="assets/images/flower-3.jpg" alt="flower -3">
</div>
<div class="text-container">
<h2>Hyperspace</h2>
<p>Just another fine responsive site template designed by HTML5 UP
and released for free under the Creative Commons.</p>
<a href="#">LEARN MORE</a>
</div>
</div>
</div>
</section>
<!-- what-we-do -->
<section id="what-we-do">
<div class="content">
<h3>What we do</h3>
<p>Phasellus convallis elit id ullamcorper pulvinar. Duis aliquam
turpis mauris, eu ultricies erat malesuada quis. Aliquam dapibus, lacus eget
hendrerit bibendum, urna est aliquam sem, sit amet imperdiet est velit quis lorem.</p>
</div>
</section>
<!-- get-in-touch -->
<section id="get-in-touch">
<div class="contact-us">
<form>
<label for="name">Name</label>
<input type="text" id="name" name="name" class="input-form" required>
<label for="email">Email</label>
<input type="email" id="email" required name="email" class="input-form">
<label for="message">Message</label>
<textarea name="message" id="message" rows="10" class="input-form"></textarea>
<input type="submit" value="Send Message">
</form>
</div>
</section>
</main>
<footer>
<p> Copyright © All rights reserved | Eng Sama Ahmed </p>
</footer>
</body>
</html>