-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
130 lines (116 loc) · 5.03 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
<!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/style/style.css">
</head>
<body>
<!-- header with a navbar which activates when clicked -->
<section class="welcome_sec">
<div class="container">
<header>
<img src="./assets/img/svg/logo.svg" alt="logo" class="logo">
<nav class="header_menu">
<!-- content of header menu when activated -->
<ul class="header_menu_list">
<li class="header_menu_item"><a href="#">Home</a></li>
<li class="header_menu_item"><a href="#">Product</a></li>
<li class="header_menu_item"><a href="#">Pricing</a></li>
<li class="header_menu_item"><a href="#">Contact</a></li>
</ul>
<nav class="header_icons">
<a href="#"><img src="./assets/img/svg/search_icon.svg" alt="" class="icon"></a>
<a href="#"><img src="./assets/img/svg/cart_icon.svg" alt="" class="icon"></a>
</nav>
<!-- header menu activation button -->
<div class="header_navbar_btns" onmouseover="header_menu_function()"
onclick="header_menu_function()">
<span></span>
<span></span>
<span></span>
</div>
</nav>
</header>
<div class="welcome_sec_info">
<h1>We Take Care <br>
of the Future</h1>
<p>We know how large objects will act, <br>
but things on a small scale.</p>
<div class="welcome_sec_btns">
<button>Get Quote Now</button>
<button>Learn More</button>
</div>
</div>
</div>
<img src="./assets/img/person.png" alt="" id="welcome_page_woman">
</div>
</section>
<!-- why user should choose us section -->
<section class="why_choose">
<div class="container">
<h2>WHY CHOOSE US</h2>
<p>Problems trying to resolve the conflict between
the two major realms of Classical physics: Newtonian mechanics </p>
<div class="why_choose_reasons">
<div class="why_choose_reasons_item">
<img src="./assets/img/svg/case.svg" alt="We will help you with">
<p>Business Growing</p>
</div>
<div class="why_choose_reasons_item">
<img src="./assets/img/svg/building.svg" alt="We will help you with">
<p id="dig_mark">Digital Marketing</p>
</div>
<div class="why_choose_reasons_item">
<img src="./assets/img/svg/notebook.svg" alt="We will help you with">
<p>Business Growing</p>
</div>
</div>
</div>
</section>
<section class="practice_advice">
<div class="container">
<h2>Practice Advice</h2>
<p>Problems trying to resolve the conflict between
the two major realms of Classical physics: Newtonian mechanics </p>
<div class="practic_advices">
<div class="advice_container">
<p>A single source
of truth</p>
<p>Newton thought that
light was made up of
particles, but then it
was discovered </p>
<img src="./assets/img/practice advice imgs/1.png" alt="">
</div>
<div class="advice_container">
<p>Fastest way to
organize</p>
<p>“Quantum mechanics”
is the description of the
behaviour of matter</p>
<img src="./assets/img/practice advice imgs/2.png" alt="">
</div>
<div class="advice_container">
<p>Fastest way to
take action</p>
<p>They describe a
universe consisting of
bodies moving</p>
<img src="./assets/img/practice advice imgs/3.png" alt="">
</div>
<div class="advice_container">
<p>Work better
together</p>
<p>They finally obtained
a consistent description
of the behaviour </p>
<img src="./assets/img/practice advice imgs/4.png" alt="">
</div>
</div>
</div>
</section>
<script defer src="./assets/js/main.js"></script>
</body>
</html>