-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
121 lines (118 loc) · 5.62 KB
/
index.html
File metadata and controls
121 lines (118 loc) · 5.62 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- SEO Starts -->
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="theme-color" content="#FC5102">
<meta
property="og:title"
content="Free and Open Source Software Cell UCEK"
/>
<meta property="og:description" content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque euismod, tortor quis volutpat bibendum, massa libero elementum ante, nec gravida est felis eget nibh. Nam in sapien vel enim aliquam blandit nec a eros. Fusce maximus velit mi. Aliquam ut ullamcorper eros. Nulla porttitor arcu eget interdum luctus. In volutpat eleifend pretium. Aliquam pellentesque, eros sed faucibus ullamcorper, erat felis commodo diam, sed lacinia risus tellus nec nunc. Suspendisse potenti. Phasellus at magna urna. Phasellus pellentesque accumsan mauris at dapibus." />
<meta content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque euismod, tortor quis volutpat bibendum, massa libero elementum ante, nec gravida est felis eget nibh. Nam in sapien vel enim aliquam blandit nec a eros. Fusce maximus velit mi. Aliquam ut ullamcorper eros. Nulla porttitor arcu eget interdum luctus. In volutpat eleifend pretium. Aliquam pellentesque, eros sed faucibus ullamcorper, erat felis commodo diam, sed lacinia risus tellus nec nunc. Suspendisse potenti. Phasellus at magna urna. Phasellus pellentesque accumsan mauris at dapibus." name="description">
<meta
property="og:image"
content="https://FOSSUCEK.github.io/assets/logo-og.png"
/>
<meta name="twitter:card" content="summary_large_image" />
<meta
name="twitter:title"
content="Free and Open Source Software Cell UCEK"
/>
<meta name="twitter:description" content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque euismod, tortor quis volutpat bibendum, massa libero elementum ante, nec gravida est felis eget nibh. Nam in sapien vel enim aliquam blandit nec a eros. Fusce maximus velit mi. Aliquam ut ullamcorper eros. Nulla porttitor arcu eget interdum luctus. In volutpat eleifend pretium. Aliquam pellentesque, eros sed faucibus ullamcorper, erat felis commodo diam, sed lacinia risus tellus nec nunc. Suspendisse potenti. Phasellus at magna urna. Phasellus pellentesque accumsan mauris at dapibus." />
<meta
name="twitter:image"
content="https://FOSSUCEK.github.io/assets/logo-og.png"
/>
<!-- SEO Ends -->
<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=JetBrains+Mono:wght@200;400;500;600;700&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="src/styles.css" />
<link rel="icon" href="assets/logo.png" />
<script src="src/script.js" defer></script>
<title>Free and Open Source Software Cell UCEK</title>
</head>
<body>
<!-- <p style="width:100%;height:90vh;display: grid;place-items: center;">Development Under Progress</p> -->
<main>
<section class="container hero">
<h1>Lorem, ipsum dolor sit amet</h1>
</section>
<div class="event">
<div>
<h4>Event Name</h4>
<p>Enroll in our upcoming event!</p>
</div>
<a>Enroll Now!</a>
</div>
<section class="container">
<h2>About</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ut
sodales nisi. Phasellus sed nunc ipsum. Orci varius natoque penatibus
et magnis dis parturient montes, nascetur ridiculus mus. Nullam
fermentum rutrum ultricies. Fusce ornare hendrerit sapien porta
imperdiet.
</p>
</section>
<section class="container news">
<h2>News</h2>
<div class="carousel">
<div class="card"></div>
<div class="card"></div>
<div class="card"></div>
<div class="card"></div>
<div class="card"></div>
</div>
<div class="carousel__btn">
<button><</button>
<button>></button>
</div>
</section>
<section class="promo">
<img src="assets/ICFOSS.png" alt="ICFOSS Logo" />
<img src="assets/ku.png" alt="University of Kerala Logo" />
</section>
</main>
<footer class="container footer">
<div class="footer__left">
<h3>Free and Open Source Software Cell UCEK</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ut
sodales nisi. Phasellus sed nunc ipsum. Orci varius natoque penatibus
et magnis dis parturient montes, nascetur ridiculus mus. Nullam
fermentum rutrum ultricies. Fusce ornare hendrerit sapien porta
imperdiet.
</p>
<div class="footer__social">
<a href="
https://www.instagram.com
" target="_blank" rel="noopener noreferrer">
<img src="assets/instagram.svg" alt="Facebook" />
</a>
<a href="
https://www.linkedin.com
" target="_blank" rel="noopener noreferrer">
<img src="assets/linkedin.svg" alt="Facebook" />
</a>
</div>
</div>
<div class="footer__right">
<h3>Quick Links</h3>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">News</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div></div>
</footer>
</body>
</html>