-
Notifications
You must be signed in to change notification settings - Fork 19
/
join.html
85 lines (83 loc) · 3.4 KB
/
join.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
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>IIIT Kalyani : FOSC</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700" rel="stylesheet">
<link rel='stylesheet' type='text/css' href='css/common-style.css'>
<link rel='stylesheet' type='text/css' href='css/join.css'>
<script defer src="https://use.fontawesome.com/releases/v5.0.10/js/all.js" integrity="sha384-slN8GvtUJGnv6ca26v8EzVaR9DC58QEwsIk9q1QXdCU8Yu8ck/tL/5szYlBbqmS+" crossorigin="anonymous"></script>
<script src="js/common-style.js"></script>
</head>
<body>
<div id="header">
<div id="head-container">
<div id="logo">
<a href="#">IIITKalyaniFOSC</a>
</div>
<div id="desktop-nav">
<nav>
<a href="index.html">about</a>
<a href="events.html">events</a>
<a href="#">projects</a>
<a href="https://medium.com/iiitkalyanifosc">feed</a>
<a href="https://github.com/IIITKalyaniFOSC"><i class="fab fa-github"></i></a>
<a href="https://iiitkalyanifosc.slack.com/"><i class="fab fa-slack-hash"></i></a>
</nav>
</div>
<div id="mobile-nav">
<span id="dropdown-menu-btn" class="deactivated_drop_down" onclick="openNav()"><i class="fas fa-bars"></i></span>
<div id="sidenav" class="sidenav">
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a>
<a href="index.html">about</a>
<a href="events.html">events</a>
<a href="projects.html">projects</a>
<a href="https://medium.com/iiitkalyanifosc">feed</a>
<a href="https://github.com/IIITKalyaniFOSC"><i class="fab fa-github"></i></a>
<a href="https://iiitkalyanifosc.slack.com/"><i class="fab fa-slack-hash"></i></a>
</div>
</div>
</div>
</div>
</div>
<div id="banner">
<div id="banner-content">
<span id="title">Free and Open Source Community</span>
<div id="button-bar">
<a href="#" >Learn More</a>
<a href="#" >Join Now</a>
</div>
</div>
</div>
<div id ="content" class="pt-4">
<h1>Come, build some cool kickass stuff!</h1>
<ol>
<li class="d-flex pb-4">
<span class="badge badge-circle">Step 1</span>
Go ahead and sign up for a GitHub account. If you already have one, well that's great buddy!
</li>
<li class="d-flex pb-4">
<span class="badge badge-circle">Step 2</span>
We use Slack for communication. So, you'll need a Slack account too.
</li>
<li class="d-flex pb-4">
<span class="badge badge-circle">Step 3</span>
Done with that? Cool. Now, head over to IIIT Kalyani FOSC workspace and in the intro channel introduce yourself.
</li>
<li class="d-flex pb-4">
<span class="badge badge-circle">Step 4</span>
Tell us your name(Like.. Duh!), your batch, any programming skils that you possess and of course your GitHub id.
</li>
<li class="d-flex">
<span class="badge badge-circle">Step 5</span>
Voila! That's it. And we are in this together mate.
</li>
</ol>
</div>
<div id="footer">
<div id="foot-container">
<i class="fas fa-copyright"></i> IIIT Kalyani Free and Open Source Community | made with <i style="color:red" class="fas fa-heart"></i> by iiitkalyanifosc | theme by <a style="display:inline; color:blue;" href="https://www.github.com/anubhavp28">@anubhavp28</a>
</div>
</body>
</html>