-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmain.html
137 lines (121 loc) · 8.96 KB
/
main.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
136
137
<!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">
<link rel="stylesheet" href="./style/main.css">
<script src="./app.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<title>PhyzzMars</title>
</head>
<body>
<!-- NAV -->
<section>
<nav class="nav container">
<div class="nav-details">
<img src="./img/logo.png" alt="Logo" class="nav__img">
<h3 class="nav__title">PhyzzMars</h3>
</div>
<ul class="nav-list topnav" id="myTopnav">
<a href="#" class="link"><li class="nav__item">Bosh sahifa</li></a>
<a href="#" class="link"><li class="nav__item">Loyiha</li></a>
<a href="#" class="link"><li class="nav__item">Ma'lumot</li></a>
<a href="#" class="link"><li class="nav__item">Aloqa</li></a>
</ul>
<!-- <input type="checkbox" id="check">
<label for="check" class="checkbtn">
<svg javascript:void(0); onclick="myFunction()" class="check-btn" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.1.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96zM0 256C0 238.3 14.33 224 32 224H416C433.7 224 448 238.3 448 256C448 273.7 433.7 288 416 288H32C14.33 288 0 273.7 0 256zM416 448H32C14.33 448 0 433.7 0 416C0 398.3 14.33 384 32 384H416C433.7 384 448 398.3 448 416C448 433.7 433.7 448 416 448z"/></svg>
<!-- </label> -->
<button class="info__btn nav__btn">Boshlash</button>
</nav>
</section>
<!-- INTRO -->
<section class="intro container">
<h1 class="intro__title">Fizikani biz bilan o’rganing!</h1>
<p class="intro__text"><span class="intro__span">Klassik mexanika</span>ga doir misollarni
ishlashingizga ishonmayapsizmi?
Unda ekspertlardan aniq va to’liq javob oling.</p>
<div class="intro-header">
<img src="./img/image 1.png" alt="Student is happy" class="intro__img">
<a href="#" class="intro__arrow"><svg viewBox="0 0 32 32" class="icon icon-chevron-top" viewBox="0 0 32 32" aria-hidden="true"><path d="M15.997 13.374l-7.081 7.081L7 18.54l8.997-8.998 9.003 9-1.916 1.916z"/></svg></a>
</div>
</section>
<!-- FEATURES -->
<section class="features container">
<h1 class="features__title">Bizning xizmatlar</h1>
<div class="features-details">
<div class="features-box">
<svg class="features__icon" viewBox="0 0 20 20">
<path d="M14.999,8.543c0,0.229-0.188,0.417-0.416,0.417H5.417C5.187,8.959,5,8.772,5,8.543s0.188-0.417,0.417-0.417h9.167C14.812,8.126,14.999,8.314,14.999,8.543 M12.037,10.213H5.417C5.187,10.213,5,10.4,5,10.63c0,0.229,0.188,0.416,0.417,0.416h6.621c0.229,0,0.416-0.188,0.416-0.416C12.453,10.4,12.266,10.213,12.037,10.213 M14.583,6.046H5.417C5.187,6.046,5,6.233,5,6.463c0,0.229,0.188,0.417,0.417,0.417h9.167c0.229,0,0.416-0.188,0.416-0.417C14.999,6.233,14.812,6.046,14.583,6.046 M17.916,3.542v10c0,0.229-0.188,0.417-0.417,0.417H9.373l-2.829,2.796c-0.117,0.116-0.71,0.297-0.71-0.296v-2.5H2.5c-0.229,0-0.417-0.188-0.417-0.417v-10c0-0.229,0.188-0.417,0.417-0.417h15C17.729,3.126,17.916,3.313,17.916,3.542 M17.083,3.959H2.917v9.167H6.25c0.229,0,0.417,0.187,0.417,0.416v1.919l2.242-2.215c0.079-0.077,0.184-0.12,0.294-0.12h7.881V3.959z"></path>
</svg>
<div class="features__text">Qiynalayotgan misollaringizga
ekspertlardan sifatli yechim oling</div>
</div>
<div class="features-box features-boxs">
<svg class="features__icon" viewBox="0 0 20 20">
<path d="M17.592,8.936l-6.531-6.534c-0.593-0.631-0.751-0.245-0.751,0.056l0.002,2.999L5.427,9.075H2.491c-0.839,0-0.162,0.901-0.311,0.752l3.683,3.678l-3.081,3.108c-0.17,0.171-0.17,0.449,0,0.62c0.169,0.17,0.448,0.17,0.618,0l3.098-3.093l3.675,3.685c-0.099-0.099,0.773,0.474,0.773-0.296v-2.965l3.601-4.872l2.734-0.005C17.73,9.688,18.326,9.669,17.592,8.936 M3.534,9.904h1.906l4.659,4.66v1.906L3.534,9.904z M10.522,13.717L6.287,9.48l4.325-3.124l3.088,3.124L10.522,13.717z M14.335,8.845l-3.177-3.177V3.762l5.083,5.083H14.335z"></path>
</svg>
<div class="features__text">Fizikani aniqroq va yaxshiroq o’rganishni boshlaysiz</div>
</div>
<div class="features-box">
<svg class="features__icon" viewBox="0 0 20 20">
<path d="M10,6.536c-2.263,0-4.099,1.836-4.099,4.098S7.737,14.732,10,14.732s4.099-1.836,4.099-4.098S12.263,6.536,10,6.536M10,13.871c-1.784,0-3.235-1.453-3.235-3.237S8.216,7.399,10,7.399c1.784,0,3.235,1.452,3.235,3.235S11.784,13.871,10,13.871M17.118,5.672l-3.237,0.014L12.52,3.697c-0.082-0.105-0.209-0.168-0.343-0.168H7.824c-0.134,0-0.261,0.062-0.343,0.168L6.12,5.686H2.882c-0.951,0-1.726,0.748-1.726,1.699v7.362c0,0.951,0.774,1.725,1.726,1.725h14.236c0.951,0,1.726-0.773,1.726-1.725V7.195C18.844,6.244,18.069,5.672,17.118,5.672 M17.98,14.746c0,0.477-0.386,0.861-0.862,0.861H2.882c-0.477,0-0.863-0.385-0.863-0.861V7.384c0-0.477,0.386-0.85,0.863-0.85l3.451,0.014c0.134,0,0.261-0.062,0.343-0.168l1.361-1.989h3.926l1.361,1.989c0.082,0.105,0.209,0.168,0.343,0.168l3.451-0.014c0.477,0,0.862,0.184,0.862,0.661V14.746z"></path>
</svg>
<div class="features__text">Masalani uch xil usulda kiritish imkoniyati: ovoz va
rasm orqali hamda matn orqali</div>
</div>
</div>
</section>
<!-- INFO -->
<section class="info">
<div class="info-details">
<h1 class="info__title">Biz sizga nima bera olamiz</h1>
<p class="info__text">PhyzzMars fizika boʻyicha keng koʻlamli mavzularni qamrab
oladi, shuning uchun biz boshlang’ich sinfdan to yuqori kursgacha oʻqishga
doʻstingiz boʻla olamiz! Siz masalangizning to’liq yechimini oling!</p>
<a href="#" class="link"><button class="info__btn">Boshlash</button></a>
</div>
<img src="./img/student is happy.png" alt="Student is happy" class="info__img">
</section>
<!-- SPONSORS -->
<section class="sposors">
<h1 class="sponsors__title">Loyiha homiylari</h1>
<div class="sponsors-box">
<img src="./img/Mirzo Ulug'bek 1.png" alt="" class="sponsors__img">
<h3 class="sponsors__text">Mirzo Ulug'bek nomidagi ixtisoslashtirilgan maktabi</h3>
<img src="./img/mars republic 1.png" alt="" class="sponsors__img">
<h3 class="sponsors__text">Mars Republic</h3>
</div>
<div class="sponsors-box">
<img src="./img/sponsor 1.png" alt="" class="sponsors__img2">
<div class="sponsors-details">
<p class="sponsors__subtitle">Loyihaning rivoji va yanada ko’proq insonlarga
yetib borishida o’z hissangizni qo’shib bizni qo’llab-quvvatlang!!</p>
<button class="sponsors__btn">Batafsil</button>
</div>
</div>
</section>
<!-- FOOTER -->
<footer class="footer">
<div class="container footers">
<ul class="fnav">
<a href="#" class="link"><li class="fnav__items">- About Us</li></a>
<a href="#" class="link"><li class="fnav__items">- Help Centre</li></a>
<a href="#" class="link"><li class="fnav__items">- Contact</li>
<a href="#" class="link"><li class="fnav__items">- Media Kit</li></a>
</ul>
<div class="fnav-details">
<h4 class="fnav__title">Mobile ilovamizdan foydalanib ko’ring!</h4>
<a href="#" class="link"><img src="./img/Play Market.png" alt="Play Market Icon"></a>
</div>
</div>
<hr>
<p class="fnav__copyright">© PhyzzMars </p>
</footer>
<!-- <svg class="svg-icon" viewBox="0 0 20 20">
<path fill="none" d="M19.629,9.655c-0.021-0.589-0.088-1.165-0.21-1.723h-3.907V7.244h1.378V6.555h-2.756V5.866h2.067V5.177h-0.689V4.488h-1.378V3.799h0.689V3.11h-1.378V2.421h0.689V1.731V1.294C12.88,0.697,11.482,0.353,10,0.353c-5.212,0-9.446,4.135-9.629,9.302H19.629z M6.555,2.421c1.522,0,2.756,1.234,2.756,2.756S8.077,7.933,6.555,7.933S3.799,6.699,3.799,5.177S5.033,2.421,6.555,2.421z"></path>
<path fill="none" d="M12.067,18.958h-0.689v-0.689h2.067v-0.689h0.689V16.89h2.067v-0.689h0.689v-0.689h-1.378v-0.689h-2.067v-0.689h1.378v-0.689h2.756v-0.689h-1.378v-0.689h3.218c0.122-0.557,0.189-1.134,0.21-1.723H0.371c0.183,5.167,4.418,9.302,9.629,9.302c0.711,0,1.401-0.082,2.067-0.227V18.958z"></path>
</svg> -->
</body>
</html>