-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·135 lines (123 loc) · 4.39 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
126
127
128
129
130
131
132
133
134
135
<!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" />
<title>Document</title>
<link rel="stylesheet" href="./styles/reset.css" />
<link rel="stylesheet" href="./styles//index.css" />
<link rel="stylesheet" href="./styles//variables.css" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap"
rel="stylesheet"
/>
</head>
<body>
<header>
<div class="container">
<nav>
<menu>
<li>
<a href="">HOME</a>
</li>
<li>
<a href="">PORTFOLIO</a>
</li>
<li>
<a href="">ABOUT US</a>
</li>
<li>
<a href="">CONTACTS</a>
</li>
</menu>
</nav>
</div>
</header>
<main>
<div class="organization">
<div class="container">
<div class="row">
<div class="text">
<h2>OUR STRONG ORGANISATION</h2>
<p>
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Eius
ducimus est quos error enim quasi nisi sapiente voluptates at
molestiae? Quam saepe ab dolorem deleniti consectetur distinctio
esse, ullam non!
</p>
<button type="button" name="Contact Us">Contact Us</button>
</div>
<div class="video">
<iframe
src="https://www.youtube.com/embed/GR2XGlNDz7A"
title="YouTube video player"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
></iframe>
</div>
</div>
</div>
</div>
<div class="services">
<div class="container">
<div class="row">
<div class="description">
<h2>DO YOU KNOW WE CAN PROVIDE FOR YOU ?</h2>
<p>
Lorem, ipsum dolor sit amet consectetur adipisicing elit.
Repudiandae esse sint qui, enim adipisci dolore est maxime, id
rerum ratione nulla aliquid facilis tenetur hic neque eveniet
pariatur ut harum. Lorem, ipsum dolor sit amet consectetur
adipisicing elit. Repudiandae esse sint qui, enim adipisci
dolore est maxime, id
</p>
<button type="button" name="Learn More">Learn More</button>
</div>
<div class="small_blocks">
<div class="settings">
<img src="./images//settings.png" />
<h3>Management</h3>
<p>
Lorem ipsum dolor sit amet consectetur, adipisicing elit.
Omnis sit distinctio perferendis aliquam quasi vero libero
repellat id.
</p>
</div>
<div class="design">
<img src="./images/pen.png" />
<h3>UI/UX Design</h3>
<p>
Lorem ipsum dolor sit amet consectetur, adipisicing elit.
Omnis sit distinctio perferendis aliquam quasi vero libero
repellat id.
</p>
</div>
<div class="branding">
<img src="./images/diamante.png" />
<h3>Logo / Branding</h3>
<p>
Lorem ipsum dolor sit amet consectetur, adipisicing elit.
Omnis sit distinctio perferendis aliquam quasi vero libero
repellat id.
</p>
</div>
<div class="animation">
<img src="./images/truck.png" />
<h3>Animation</h3>
<p>
Lorem ipsum dolor sit amet consectetur, adipisicing elit.
Omnis sit distinctio perferendis aliquam quasi vero libero
repellat id.
</p>
</div>
</div>
</div>
</div>
</div>
</main>
</body>
</html>