-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
99 lines (88 loc) · 4.89 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mission-2024</title>
<link rel="stylesheet" href="<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=Roboto+Slab:wght@100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="style.css">
<link rel="icon" href="images/software-developer-copy.png">
</head>
<body>
<section>
<div class="stay-focused"><!--stay focus section start-->
<h1>Stay Focused on<br><span style="color: red;">Mission 2024</span></h1>
<p>At its core, full-stack development involves proficiency in both front-end and back-end technologies.
Front-end development focuses on the user interface and experience, while back-end development deals
with server-side operations and databases.</p>
<a class="all-button" href="https://www.youtube.com/@bit-apps/videos" target="_blank">EXPLORE NOW</a>
<p>Scroll down to explore more about us</p>
</div>
<div class="focus-image"><!--image div-->
<img src="images/Illustration.png" alt="Illustration image">
</div>
</section><!--end of stay focus-->
<section class="background-image"><!--start of second section-->
<div class="mission-header">
<h2>My Mission in <span style="color: red;">2024</span></h2>
</div>
<div class="timeline"><!--card section start-->
<div class="card-1">
<img src="images/Saly-19.png" alt="mission">
<h3>Mission</h3>
<p>Minimal effort is required for tasks that are not exceptionally demanding. Comfort is found in
simplicity, and pain is addressed with equal measure. </p>
</div>
<div class="card-2">
<img src="images/Saly-13.png" alt="mission">
<h3>Vission</h3>
<p>It can also denote a mental image of something, an imaginative or wise plan for the future, or a
supernatural appearance in a dream or trance.</p>
</div>
<div class="card-3">
<img src="images/Saly-16.png" alt="mission">
<h3>Goals</h3>
<p>Goals are the targets or outcomes that individuals, groups, or organizations strive to achieve. They
serve as benchmarks for measuring progress and can be short-term or long-term.</p>
</div>
</div><!--end of card section-->
</section>
<section class="ladies-group"><!--third section start from here-->
<div class="ladies-homework"><!--ladies div-->
<img src="images/Rectangle 236.png" alt="ladies homework">
</div>
<div class="ladies-content"><!--content div-->
<h2 style="font-size: 40px;">Develop</br>Without Limits</h2>
<p>“Develop without limits” is a concept that encourages the pursuit of growth and innovation without being
constrained by traditional boundaries or limitations. It embodies the idea of continuous improvement and
expansion beyond what is considered possible or standard. This approach can apply to various fields,
such as technology, business, personal skills, and creativity</p>
<a class="all-button" href="https://github.com/dashboard" target="_blank" rel="noopener noreferrer">Read the
Documentations</a>
</div>
</section><!--third section end-->
<!--fourth section start from here-->
<section class="boys-group">
<div class="boys-content"><!--content div-->
<h2 style="font-size: 40px;">Know Our</br>Global Community</h2>
<p>The “global community” refers to the collective of people and nations around the world that are
increasingly interconnected through modern telecommunications. This concept emphasizes economic, social,
and political interdependence, highlighting how advancements in technology and communication.</p>
<a class="all-button" href="https://github.com/dashboard" target="_blank" rel="noopener noreferrer">Read the
Documentations</a>
</div>
<div class="boys-homework"><!--ladies div-->
<img src="images/Rectangle 233.png" alt="ladies homework">
</div>
</section><!--fourth section ends-->
<footer><!--footer place-->
<h2>Mission<span style="color: red; font-size: 38px;"> 2024 </span></h2>
<p>Hard work, Perseverance, and Determination for 2024</p>
</footer>
</body>
</html>
<!--Made by Sarowar-->