-
Notifications
You must be signed in to change notification settings - Fork 32
/
Copy pathindex.html
executable file
·161 lines (150 loc) · 7.78 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Delta Force</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Delta">
<!-- OG Tags -->
<meta property="og:url" content="https://delta.nitt.edu" />
<meta property="og:title" content="Delta Force" />
<meta property="og:description" content="The official programming club of NIT Trichy" />
<meta property="og:image" content="https://delta.nitt.edu/images/deltaHeader.png" />
<!-- Jquery CDN -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!-- Latest compiled and minified CSS - Bootstrap -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- Latest compiled and minified JavaScript - Bootstrap -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<!-- Font Awesome Fonts -->
<link href="https://use.fontawesome.com/releases/v5.0.8/css/all.css" rel="stylesheet">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Roboto+Mono:100" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto:100" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto:400" rel="stylesheet">
<!-- Our Stylesheets -->
<link href="css/base.css" rel="stylesheet">
<link href="css/main.css" rel="stylesheet">
<!-- Favicon -->
<link rel="icon" type="image/png" href="images/favicon.ico"/>
</head>
<body>
<div id="main-body-container">
<!-- Nav Bar -->
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="/"><img src="/images/deltaLogoWhite.png" width="20px"></a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<!-- Navbar left side links -->
<ul class="nav navbar-nav">
<li class="active"><a href="">Home<span class="sr-only">(current)</span></a></li>
<li><a href="members/">Members</a></li>
<li><a href="projects/">Projects</a></li>
</ul>
<!-- Navbar right side links -->
<ul class="nav navbar-nav navbar-right">
<li><a href="/hackertalks/">HackerTalks</a></li>
<li><a href="https://inductions.delta.nitt.edu">Inductions</a></li>
<li><a href="http://github.com/delta" id="gitHubNav" target="_blank"><span>Github</span><i id="githubLogo" class="fab fa-github textLogo"></i></a></li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
<!-- Landing Section -->
<section id="landing" class="outer-container first-container">
<!-- <h1>Hello</h1> -->
<div id="deltaLogoDiv" class="outer-container">
<img src="images/deltaLogoGreen.png" width="175px">
</div>
<!-- Div to contain scramble text, populated in main.js, designed in main.css -->
<div class="container">
<div class="text"></div>
</div>
</section>
<section id="whoWeAre" class="outer-container hcenter">
<div class="row">
<!-- This hack is Deep Bhattacharyya's idea. I know git blame says Gautham, but I'm innocent. -->
<div class="col-md-1"></div>
<div class="col-md-4 hcenter vcenter">
<img id="whoWeAreImage" src="images/whoWeAre.jpg" width="100%">
</div>
<div class="col-md-6 vcenter hcenter">
<h1 class="subtopic">Who We Are</h1>
<p class="section-1-content">
Coders. Problem solvers. Computer geeks. Developers. Technical architects. We are a close knit group of computer science enthusiasts that enjoy coding and hope to make a difference with our software.
</p>
<a href="/members/"><button class="btn btn-default btn-lg light-button">Check us out!</button></a>
</div>
<div class="col-md-1"></div>
</div>
</section>
<section id="whatWeDo" class="outer-container hcenter">
<div class="row">
<!-- This hack is Deep Bhattacharyya's idea. I know git blame says Gautham, but I'm innocent. -->
<div class="col-md-1"></div>
<div class="col-md-6 vcenter hcenter">
<h1 class="subtopic">What We Do</h1>
<p class="section-1-content">
As the official Web Team and programming club of NIT Trichy, we develop and maintain the institute's
official website and handle web related activities of the institute's festivals including the cultural
fest, <a href="https://festember.com/">Festember</a> and the technical fest, <a href="https://www.pragyan.org/">
Pragyan</a>. Our members are constantly working with cutting edge technology and software on their exciting
personal projects. We love Hackathons and spend a lot of our time working on new ideas. The club also
conducts events and workshops on an annual basis.
</p>
<a href="/projects/"><button type="button" class="btn btn-default btn-lg light-button">Projects we've worked on</button></a>
</div>
<div class="col-md-4 hcenter vcenter">
<img id="whatWeDoImage" src="images/whatWeDo.jpg" width="100%">
</div>
<div class="col-md-1"></div>
</div>
</section>
<section id="events" class="outer-container">
<h1 class="subtopic">Events</h1>
<div class="event hcenter">
<h1 class="subtopic">HackerTalks</h1>
<img class="event-image" src="images/deepHT.jpg" width="50%">
<p>
HackerTalks is a two day series where we present various topics spanning the breadth of the computing and programming fields.
The first HackerTalks event was conducted on March 27-28 2018, giving its audience a glimpse into multiple arenas of computer science and engineering.
</p>
<a href="/hackertalks/"><button class="btn btn-default btn-lg dark-button">Learn More</button></a>
</div>
<hr class="separator" />
<div class="event hcenter">
<h1 class="subtopic">Workshops</h1>
<img class="event-image" src="images/venkatHT.jpg" width="50%">
<p>
Delta Force organises annual workshops for freshers at NIT Trichy. In previous years, we conducted interactive educational sessions that taught the participants the basics of linux and python languages and more recently, organised one that dwelled into popular algorithms and their implementation.
</p>
</div>
<hr class="separator" />
<div class="event hcenter">
<h1 class="subtopic">DWoC</h1>
<img class="event-image" src="images/dwoc.jpeg" width="50%">
<p>
<a href="https://dwoc.io/">DWoC</a> is a winter long program organised by Delta Force, the coding club of NIT Trichy. With an aim to support and improve the culture of open source software around us, this serves as a platform for young student developers (or even starters) to hone their technical skills by taking up projects of their interests. We hope this encourages collabrative experiences and allows students from all backgrounds to contribute to quality technical projects from diverse fields.
</p>
</div>
</section>
</div>
<footer class="love-footer-dark">
Made with ❤ by Delta Force
</footer>
<!-- Main Script -->
<script src="js/main.js"></script>
</body>
</html>