-
Notifications
You must be signed in to change notification settings - Fork 5
/
index.html
183 lines (181 loc) · 13.4 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
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
<!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">
<meta name="description" content="Started in 2005 as FLOSS (Free/Libre Open Source Software) Meet, FOSSMeet will now be back for its 16th year. FOSSMeet has always attracted the brightest delegates from various institutes in India and some of the finest promoters of FOSS.">
<meta itemprop="name" content="FOSSMEET'23 Marketing">
<meta itemprop="description" content="Started in 2005 as FLOSS (Free/Libre Open Source Software) Meet, FOSSMeet will now be back for its 16th year. FOSSMeet has always attracted the brightest delegates from various institutes in India and some of the finest promoters of FOSS.">
<meta itemprop="image" content="https://marketing.fossmeet.net/assets/images/metaimage.jpg">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="FOSSMEET'23 Marketing">
<meta name="twitter:description" content="Started in 2005 as FLOSS (Free/Libre Open Source Software) Meet, FOSSMeet will now be back for its 16th year. FOSSMeet has always attracted the brightest delegates from various institutes in India and some of the finest promoters of FOSS.">
<meta name="twitter:image" content="https://marketing.fossmeet.net/assets/images/metaimage.jpg">
<meta property="og:site_name" content="FOSSMEET'23 Marketing">
<meta property="og:type" content="website">
<meta property="og:url" content="https://marketing.fossmeet.net">
<meta property="og:title" content="FOSSMEET'23 Marketing">
<meta property="og:description" content="Started in 2005 as FLOSS (Free/Libre Open Source Software) Meet, FOSSMeet will now be back for its 16th year. FOSSMeet has always attracted the brightest delegates from various institutes in India and some of the finest promoters of FOSS.">
<meta property="og:image" content="https://marketing.fossmeet.net/assets/images/metaimage.jpg">
<!-- <meta property="og:image:type" content="image/png"> -->
<title>FOSSMEET'23 Marketing</title>
<link rel="stylesheet" href="./styles.css">
<link rel="icon" type="image/png" sizes="32x32" href="./assets//favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="./assets/favicon/favicon-16x16.png">
<link rel="manifest" href="./assets/favicon/site.webmanifest">
<link rel="icon" type="image/x-icon" href="./assets/favicon/favicon.ico">
</head>
<body>
<div class="bg">
<img class="bg-img" src="./assets/images//about.webp" alt="background">
<img class="bg-img" src="./assets/images/past.webp" alt="background">
<img class="bg-img" src="./assets/images/sponsor1.jpg" alt="background">
<img class="bg-img" src="./assets/images/prev1.jpg" alt="background">
<img class="bg-img" src="./assets/images/contact.webp" alt="background">
</div>
<main class="scroll-container" id="main">
<section class="section hero" style="z-index: 500" data-bg="100">
<div class="alert-container" id="alert">
<div class="alert-title">Attention! ⚠️</div>
<div class="alert-description">You are using an iOS device. The user experience in iOS is not good as it does not provide proper viewport height for scroll snap. <b>Please switch to your PC or an android device for better experience</b></div>
<div class="alert-button" onclick="cls()">Close ❌</div>
</div>
<img id="hero-logo" src="./assets/svgs/logo.svg" alt="logo">
<img id="hero-text" src="./assets/images/FOSSMeet 23 aliceblue.png" alt="FOSSMEET'23">
<div class="hero-button-container">
<a href="./assets/pdfs/brochure.pdf" download><div class="hero-button">Brochure</div></a>
<a href="#collab"> <div class="hero-button" id="collab2">Let's Collab!</div></a>
</div>
<div class="mouse_scroll" onclick="scr()">
<!-- <div class="mouse">
<div class="wheel"></div>
</div> -->
<div>
<span class="m_scroll_arrows unu"></span>
<span class="m_scroll_arrows doi"></span>
<span class="m_scroll_arrows trei"></span>
</div>
</div>
</section>
<div class="nav">
<img id="nav-up" onclick="scr2()" src="./assets/svgs/Arrow 1.svg" alt="up-arrow">
<img id="nav-down" onclick="scr()" src="./assets/svgs/Arrow 1.svg" alt="down-arrow">
</div>
<div class="socials">
<div class="follow">
Connect with us!
</div>
<div class="logos">
<a href="https://twitter.com/FOSSCell?t=k8-DQFNXXb6I0DMBo8-RTg&s=09" target="_blank" ><img class="logo" src="./assets/svgs/twitter.svg" alt="twitter"></a>
<a href="https://t.me/foss_meet" target="_blank" ><img class="logo" src="./assets/svgs/telegram.svg" alt="telegram"></a>
<a href="https://floss.social/@FOSSCell" target="_blank" ><img class="logo" src="./assets/svgs/mastodon.svg" alt="mastodon"></a>
<a href="mailto:[email protected]" target="_blank" ><img class="logo" src="./assets/svgs/email.svg" alt="email"></a>
</div>
</div>
<section class="section" data-bg="0">
<article>
<div class="article-container">
<h1 class="article-head">About FOSSMeet</h1>
<p class="article-body">Over the past sixteen years, FOSSMeet has been nurturing the vision to create a culture of innovation, evolution and open standards to support the FOSS community, open education, and the FOSS ideology. FOSSMeet has always attracted the brightest delegates from various institutes in India and some of the finest promoters of FOSS. The event has a glorious history of successful editions, with speakers from all over the world and the country, making the event a roaring success!</p>
</div>
</article>
</section>
<section class="section" data-bg="1">
<article>
<div class="article-container">
<h1 class="article-head">Past Editions</h1>
<p class="article-body">Started in 2005 as FLOSS (Free/Libre Open Source Software) Meet, FOSSMeet will now be back for its
16th year. FOSSMeet has always attracted the brightest delegates from various institutes in India and some of the finest promoters of FOSS. Recent FOSSMeets have been no exception to the glorious history of successful editions! The event had talks and discussions by Mr. Saptak Sengupta, Mrs. Bhuvana Meenakshi, and other FOSS enthusiasts who opened conversations on WebXR reality mixed experiences, SSL certificate generation, Cross Browser extensions, and so much more. Mr. Marco Fioretti and Dr. Bradley Kuhn also delivered speeches via video conference. The Open-Source Search engine workshop and the Kotlin workshop were also a great success with the delegates.</p>
</div>
</article>
</section>
<section class="section" data-bg="2">
<article>
<div class="article-container">
<h1 class="article-head">Why Sponsor FOSSMeet</h1>
<p class="article-body">With a vision to cultivate a culture of Innovation, evolution, and open standards, FOSSMeet witnesses a conglomeration of professionals, students, and rookie developers alike. The event consists of a medley of workshops, talks, and hackathons under renowned FOSS communities and eminent speakers. In recent years, the event has borne witness to the likes of DR. Bradley Kuhn(Founder of Software Freedom Conservancy), Mr. Marco Fioretti (Activist of Free Software and Open Digital Standards), and Dr.Sasi Kumar (Director, Free Software Foundation). In the same manner, FOSSMeet 2023 hopes to garner yet another enthusiastic crowd to discuss, develop, and grow with Open Source.
</p>
</div>
</article>
</section>
<section class="section" data-bg="3">
<article>
<div class="article-container">
<h1 class="article-head">Previous Sponsors</h1>
<div class="sponsors">
<div class="sponsor"><img src="./assets/images/sponsors/concur.png" alt=""></div>
<div class="sponsor"><img src="./assets/images/sponsors/fossee-better.png" alt=""></div>
<div class="sponsor"><img src="./assets/images/sponsors/gitlab.png" alt=""></div>
<div class="sponsor"><img src="./assets/images/sponsors/icfoss.png" alt=""></div>
<div class="sponsor"><img src="./assets/images/sponsors/instamojo.png" alt=""></div>
<div class="sponsor"><img src="./assets/images/sponsors/keralait.png" alt=""></div>
<div class="sponsor"><img src="./assets/images/sponsors/mozilla.png" alt=""></div>
<div class="sponsor"><img src="./assets/images/sponsors/nilenso.png" alt=""></div>
<div class="sponsor"><img src="./assets/images/sponsors/nrcfoss.png" alt=""></div>
</div>
</div>
</article>
</section>
<section id="collab" class="section" data-bg="4">
<article>
<div class="article-container">
<h1 class="article-head">Contacts</h1>
<div class="sponsors">
<div class="contact-card">
<div class="bg-card"></div>
<img class="avatar card-margin-updown card-margin-left" src="./assets/images/avatars/nazim.jpg" alt="">
<div class="details card-margin-right">
<div class="name"> Nazim Jabir</div>
<div class="designation"> Marketing Head </div>
<div class="num"> 00 91 62358 55720</div>
</div>
</div>
<div class="contact-card">
<div class="bg-card"></div>
<img class="avatar card-margin-updown card-margin-left" src="./assets/images/avatars/vishnu.jpg" alt="">
<div class="details card-margin-right">
<div class="name"> Vishnu C</div>
<div class="designation"> Outreach Head </div>
<div class="num"> 00 91 85475 09440</div>
</div>
</div>
<div class="contact-card">
<div class="bg-card"></div>
<img class="avatar card-margin-updown card-margin-left" src="./assets/images/avatars/abin.jpg" alt="">
<div class="details card-margin-right">
<div class="name"> Abin Latheef</div>
<div class="designation">FOSSCell Secretary</div>
<div class="num"> 00 91 90721 79971</div>
</div>
</div>
<div class="contact-card">
<div class="bg-card"></div>
<img class="avatar card-margin-updown card-margin-left" src="./assets/images/avatars/pavithra.jpg" alt="">
<div class="details card-margin-right">
<div class="name"> Pavithra Rajan</div>
<div class="designation"> CSEA Secretary </div>
<div class="num"> 00 91 62828 90432</div>
</div>
</div>
</div>
<div class="write-container">
<h3 >Write to us:</h3>
<a href="mailto:[email protected]"><div class="mail">[email protected]</div></a>
<a href="mailto:[email protected]"><div class="mail">[email protected] </div></a>
</div>
<hr>
<footer>
<a href="https://fossmeet.net/" target="_blank" class="f-image"><img src="./assets/images/FOSSMeet 23 aliceblue.png" height="50px" alt="fossmeet"></a>
<div class="inline">
<a href="http://assoc.cse.nitc.ac.in" target="_blank" class="f-image invert"><img src="./assets/images/FOSS CSEA Logos/csea.png" alt="CSEA-NITC"></a>
<a href="https://fosscell.org/" target="_blank" class="f-image"><img src="./assets/images/FOSS CSEA Logos/fosscell.png" alt="FOSSCELL-NITC"></a>
</div>
</footer>
</div>
</article>
</section>
</main>
<script src="./script.js"></script>
</body>
</html>