-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
143 lines (142 loc) · 5.76 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
131
132
133
134
135
136
137
138
139
140
141
142
143
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width= , initial-scale=1.0">
<title>ACM-IST</title>
<!-- external links -->
<link rel="stylesheet" href="assets/css/styles.css">
<script src="https://kit.fontawesome.com/0e8fe6b9d9.js" crossorigin="anonymous"></script>
</head>
<body>
<!-- navigation bar -->
<div class="nav">
<h3 class="logo">ACM</h3>
<ul class="navbar">
<li><a href="#" class="active">Home</a></li>
<li><a href="#"> About Us </a> </li>
<li><a href="#"> Projects </a> </li>
<li class="mobilecontact"><a href="#"> Contact us </a> </li>
<li class="laptopcontact"><button type="button" class="nav-button">Contact Us</button></li>
</ul>
<div class="main">
<div class="bx bx-menu" id="menu-icon">
<i class="fa-solid fa-bars"></i>
</div>
</div>
</div>
<div class="herosection">
<div class="title">ACM-IST Chapter</div>
<div class="paragraph">Corem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eu turpis molestie, dictum est a, mattis tellus. Sed dignissim, metus nec fringilla accumsan, risus sem sollicitudin lacus,Corem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eu turpis molestie, dictum est a, mattis tellus.
</div>
<div class="bottom">
<div class="left">
<div class="leftflex">
<div class="memebersdiv">
<div class="num">40+</div>
<div class="text">Members</div>
</div>
<div>
<div class="num">10+</div>
<div class="text">Projects</div>
</div>
</div>
</div>
<div class="right">
<div class="socials">
<div class="img">
<a href="#"><img src="assets/images/brands logos/facebooklogo.svg" alt=""></a>
</div>
<div class="img">
<a href="#"><img src="assets/images/brands logos/instagramlogo.svg" alt=""></>
</div>
<div class="img">
<a href="#"><img src="assets/images/brands logos/linkldenlogo.svg" alt=""></a>
</div>
</div>
</div>
</div>
</div>
<div class="newnupdate">
<h1 class="heading">News <span class="remaining-heading"> & updates</span></h1>
<!-- boxses -->
<div class="boxses">
<div class="box">
<div class="img">
<img src="assets/images/new and update/img 1.png" alt="">
</div>
<div class="content">
<h1>Official Meeting ACM</h1>
<p class="text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Qui at deserunt consectetur temporibus eligendi possimus! Quaerat quis earum assumenda cum!</p>
<p class="location">IST Islamabad . 1:15pm</p>
</div>
</div>
<div class="box">
<div class="img">
<img src="assets/images/new and update/img 2.png" alt="">
</div>
<div class="content">
<h1>UI/UX Designing</h1>
<p class="text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Qui at deserunt consectetur temporibus eligendi possimus! Quaerat quis earum assumenda cum!</p>
<p class="location">IST Islamabad . 1:15pm</p>
</div>
</div>
<div class="box">
<div class="img">
<img src="assets/images/new and update/img 3.png" alt="">
</div>
<div class="content">
<h1>Reels Making</h1>
<p class="text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Qui at deserunt consectetur temporibus eligendi possimus! Quaerat quis earum assumenda cum!</p>
<p class="location">IST Islamabad . 1:15pm</p>
</div>
</div>
</div>
</div>
<div class="eventupdate">
<div class="title">Event Updates</div>
<div class="container">
<div class="left">
<div class="reels-making "> <h2>Reels Making</h2> </div>
<div class="reels-making-paragraph">
<p>A Reels making competition is an exciting opportunity for content creators to showcase their skills and creativity in a fast-paced, dynamic format. Reels are short, 15-30 second videos that can be shared on social media platforms such as Instagram and TikTok. They offer a great way for creators to engage with their audience, convey a message, or showcase their talents in a fun and visually appealing way. to showcase their skills and creativity in a fast-paced, dynamic format. Reels are short, 15-30 second videos that can be shared on social media platforms such as Instagram and TikTok. They offer a great way for creators to engage with their audience, convey a message.</p>
</div>
</div>
<div class="right">
<div class="image-container">
<img class="eventupdateimg" src="assets/images/event update/laptop.png" alt="Reels Making Image">
</div>
</div>
</div>
</div>
<!-- footer -->
<div class="footer">
<div class="left">
<p>ACM</p>
</div>
<div class="centre">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Projects</a></li>
</ul>
</div>
<div class="right">
<div class="item">
<i class="fas fa-envelope"></i>
<p><a>[email protected]</a></p>
</div>
<div class="item">
<i class="fas fa-phone"></i>
<p >0343 8749361</p>
</div>
<div class="item">
<i class="fa-solid fa-location-dot"></i>
<p >Institute of Space Technology Islamabad</p>
</div>
</div>
</div>
</body>
<!-- external scripts -->
<script type="text/javascript" src="assets/js/script.js"></script>
</html>