-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathstardust.html
97 lines (90 loc) · 4.68 KB
/
stardust.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
<!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>Stardust Club Homepage</title>
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/fonts/remixicon.css"
rel="stylesheet"
/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
<link rel="stylesheet" href="style.css">
</head>
<body>
<header class="header">
<img src="stardust.jpg" alt="">
<nav class="nav-items">
<a href="#"><i class="ri-home-2-line"></i>Home</a>
<a href="#"><i class="ri-calendar-line"></i>Events</a>
<a href="#"><i class="ri-team-line"></i>Members</a>
<a href="#"><i class="ri-phone-line"></i>Contact</a>
</nav>
<div class="box">
<a href="#" class="logo">S.T.A.R.D.U.S.T</a>
<a href="#" class="sub-logo">Science, Technology & Engineering Unravel Space with Team Space Technology And Research Division Under</a>
</div>
<div class="intro">
<h1>Welcome to S.T.A.R.D.U.S.T</h1>
<p>Discover the magic of our club and join us in exciting events and activities.</p>
<button>Learn More</button>
</div>
</header>
<main>
<div class="achievements">
<div class="work">
<i class="fas fa-atom"></i>
<p class="work-heading">Space Missions</p>
<p class="work-text">I've actively contributed to several space missions, playing a pivotal role in their success. From designing satellite payloads to ensuring seamless communication in the cosmos, my work in space missions reflects my dedication to advancing our understanding of the universe.</p>
</div>
<div class="work">
<i class="fas fa-skiing"></i>
<p class="work-heading">Skills</p>
<p class="work-text">Embark on a cosmic journey with Stardust, where I've cultivated skills integral to our celestial pursuits. My capabilities encompass:</p>
<ul class="skills-list">
<!-- List of skills here -->
</ul>
<p class="work-text">At Stardust, we go beyond the sky's limit, exploring the unknown and pushing the boundaries of space knowledge. Join me in this cosmic odyssey as we contribute to the exciting field of space exploration.</p>
</div>
<div class="work">
<i class="fas fa-rocket"></i>
<p class="work-heading">Space Exploration</p>
<p class="work-text">Delve into the realms of space exploration, where our endeavors reach far beyond the horizon. Join me on this journey of discovery and innovation as we push the boundaries of human knowledge and explore the mysteries of the cosmos.</p>
</div>
</div>
</div>
<div class="about-me">
<div class="about-me-text">
<h2>About Stardust Club</h2>
<p>Welcome to Stardust Club, your gateway to the cosmos! We are a passionate community of space enthusiasts dedicated to exploring the wonders of the universe through the lens of satellites and space technology.</p>
<p>As a club, we have actively contributed to the field of space exploration, working on various satellite projects and pushing the boundaries of our understanding of the final frontier. Our members are not just developers; we are cosmic pioneers, eager to advance our knowledge and contribute to the ever-expanding realm of space science.</p>
<p>Join us in our mission to reach for the stars, explore new frontiers, and make groundbreaking contributions to the field of satellite technology. Together, we aim to inspire, innovate, and propel humanity into the next era of space exploration.</p>
</div>
<img src="https://images.unsplash.com/photo-1596495578065-6e0763fa1178?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=871&q=80" alt="me">
</div>
</main>
<footer class="footer">
<div class="copy">© 2022 Stardust Club</div>
<!-- Add additional links or information relevant to your club -->
</footer>
<div class="copy">© 2022 Developer</div>
<div class="bottom-links">
<div class="links1">
<span>More Info</span>
<a href="#">Home</a>
<a href="#">About</a>
<a href="#">Contact</a>
</div>
<div class="links1">
<span>Social Links</span>
<a href="#"><i class="fab fa-facebook"></i></a>
<a href="#"><i class="fab fa-twitter"></i></a>
<a href="#"><i class="fab fa-instagram"></i></a>
</div>
</div>
<i class="fa-thin fa-house"></i>
</footer>
<i class="ri-instagram-line"></i>
</body>
</html>