-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
115 lines (113 loc) · 7 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
<!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>Mission 2022</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<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=Lato:wght@100;300;400;700;900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.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@300;400;500&family=Poppins:wght@100;200;300;400;500;700;800;800&family=Yeseva+One&display=swap" rel="stylesheet">
<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=Courgette&display=swap" rel="stylesheet">
</head>
<body>
<section class="main container">
<div class="row">
<div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 col-xxl-6 half">
<h1 id="h1" style="font-family: Yeseva One;">Saty Focused on <br><span style="color: #FFAD5A; font-family: Yeseva One;">Mission 2022</span></h1>
<p id="p">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Magnam tenetur totam quo! Nam voluptate consequatur mollitia blanditiis, fugiat quam reprehenderit.</p>
<button style="margin: 10px 20px 14px 0px; width: 150px; height: 40px;" type="button" class="btn banai">Explore Now</button>
<p style="margin: 5px 20px 20px 0px;">Scrole Down To Know More About Us</p>
</div>
<div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 col-xxl-6">
<img id="person" src="images/person/person-1.png" alt="">
</div>
</div>
</section>
<section id="box" class="container">
<h1 id="mission"><b>My Mission in <span style="color: #ffa448;">2022</b></span></h1>
<!-- Card -->
<div class="row row-cols-1 row-cols-md-3 g-4">
<div class="col">
<div class="card h-80 car-1">
<img src="images/illustrators/illustrator-1.png" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title"><b>Mission</b></h5>
<p class="card-text pera">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quas eaque voluptate pariatur omnis voluptatum. Odit!</p>
</div>
</div>
</div>
<div class="col ">
<div class="card h-80 car-2">
<img src="images/illustrators/illustrator-2.png" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title"><b>Vission</b></h5>
<p class="card-text pera">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aut fugiat expedita at mollitia aliquid alias.</p>
</div>
</div>
</div>
<div class="col ">
<div class="card h-80 car-3">
<img src="images/illustrators/illustrator-3.png" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title"><b>Goals</b></h5>
<p class="card-text pera">Lorem ipsum dolor sit amet consectetur adipisicing elit. Enim alias magni vel accusamus sunt voluptas!</p>
</div>
</div>
</div>
</div>
</section>
<section id="develop" class="container">
<div class="row">
<div class="col-5">
<img style="height: 380px;" src="images/pictures/coding.png" alt="">
<img id="position" src="images/shapes/dream-bg.png" alt="">
</div>
<div class="col-7">
<h1 id="missions" class="pera"><b>Develop <br> Without Limits</b></h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eum, sint ea, voluptatem officia harum doloremque ex ipsam velit culpa rerum tenetur? Illo laborum tenetur, in libero consectetur fugiat nulla eos sequi unde velit commodi expedita perferendis praesentium rerum mollitia recusandae animi,</p>
<button style="margin: 10px 20px 14px 0px; width: 250px; height: 40px;" type="button" class="btn banai">Read The Documentation</button>
</div>
</div>
</section>
<section id="acc" class="container">
<div class="row">
<div class="col-7">
<h1 id="missions" class="pera"><b>Know Our <br>Global Community</b></h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eum, sint ea, voluptatem officia harum doloremque ex ipsam velit culpa rerum tenetur? Illo laborum tenetur, in libero consectetur fugiat nulla eos sequi unde velit commodi expedita perferendis praesentium rerum mollitia recusandae animi,</p>
<button style="margin: 10px 20px 14px 0px; width: 250px; height: 40px;" type="button" class="btn banai">Read The Documentation</button>
</div>
<div class="col-5">
<img style="height: 380px;" src="images/pictures/project.png" alt="">
</div>
</div>
</section>
<section class="container" id="app">
<h1 style="text-align: center; color: rgb(0, 9, 32); font-size: 55px;"><b>Build <span style="color: #ffa448;">Corona Application</span></b></h1>
<div class="row">
<div class="col-5">
<img style="height: 610px;" src="images/pictures/app.png" alt="">
</div>
<div class="col-7 ok">
<h1><b>Saty safe with <br><span style="color: #ffa448; height: 50px;">GoCorona.</b></span></h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Beatae eius perferendis officiis repellendus excepturi recusandae voluptas consequatur quis necessitatibus! Porro repellendus sint magni quasi. Praesentium, cum minima. Tempore quos architecto officiis deleniti tempora nostrum minus?</p>
<button style="margin: 10px 20px 14px 0px; height: 40px;" type="button" class="btn banai">App Fetures</button>
</div>
</div>
</section>
<footer>
<div class="text">
<h5 style="color: white;">Mission <span style="color: rgb(255, 73, 103); font-family: 'Courgette', cursive;">2022</span></h5>
<p style="color: rgba(207, 207, 207, 0.897);">Hard work, Perseverance, And Determination for 2022</p>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
</body>
</html>