-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
190 lines (177 loc) · 8.7 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
184
185
186
187
188
189
190
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="../fontawesome-free-5.12.1-web/css/all.min.css" />
<link rel="stylesheet" href="styles.css">
<link rel="shortcut icon" href="./images/cc_full.png" type="image/x-icon">
<title>Coding Club IIT Jammu</title>
</head>
<body>
<div class="header">
<nav>
<div class="nav-logo">
<a href="./" target=""><img src="./images/cc.png"></a>
</div>
<div onclick="showNav()" class="nav-bars">
<div class="bar"></div>
<div class="bar"></div>
<div class="bar"></div>
</div>
</nav>
<ul class="navigation" id="navigation">
<li><a href="./" target="">Home</a></li>
<li><a href="events.html" target="">Event</a></li>
<li><a href="team.html" target="">Team</a></li>
</ul>
<div class="banner">
<h1 id="banner_h1"></h1>
</div>
</div>
<div class="section-divider"></div>
<!-- coding club introduction -->
<div class="section">
<div class="intro margin-add">
<p class="section-heading">Hello World !</p>
<p class="intro-content-body">
Coding Club IIT Jammu is a group of passionate coders aimed at the overall development of coding culture in the college by introducing
basic coding concepts to students who are new to the programming world and rendering a collaborative environment to the coders of the
college along with providing technical assistance like websites, apps etc in college fests and other clubs. The club aims at introducing a
diversity of
inclinations in coding to the students so that they can pursue what interests them. We regularly hold sessions on various topics such as
Machine learning, Competitive Coding, Web Development, App Development, Security and Open Source.
</p>
<div class="intro_gallery">
<!-- <div class="intro_img">
<img src="images/pexels-dids-2911515.jpg">
</div>
<div class="intro_img">
<img src="images/pexels-dids-2911515.jpg">
</div>
<div class="intro_img">
<img src="images/pexels-dids-2911515.jpg">
</div> -->
</div>
</div>
<div class="withoutbacktext">
<p>"The art of programming is the art of organizing complexity." </p>
<i></br>Edsger Dijkstra</i>
</div>
<div class="subcontent margin-add">
<div class="subcontent-content ">
<h2>Competitive Programming</h2>
<p>
Competitive programming is a ‘mind sport’ usually held over the internet or a local network, involving participants
(technically called ‘sport programmers’) trying to program the solutions for the logical/mathematical problems provided
by the host. The judging criteria are- number of problems solved, time spent in writing the solutions, execution time,
program size, quality of output produced, etc.</p>
</div>
<div class="subcontent-img">
<img src="images/cc_full.png" alt="subcontentmainspider8019">
</div>
</div>
<!-- team section -->
<!-- <div class="team-members">
<div class="team-member">
<div class="team-member-img">
<img src="images/SAVE_20201017_120325-removebg-preview.png">
</div>
<div class="team-member-content">
<div class="team-member-content-withouthover">
<h3>Shivam Sharma</h3>
<i>Designation: Web Developer</i>
<p>About: Lorem, ipsum dolor sit amet consectetur adipisicing elit.</p>
</div>
<div class="team-member-content-withhover">
<p>Get in touch with Shivam Sharma through</p>
<ul>
<li><a href=""><i class="fab fa-instagram"></i></a></li>
<li><a href=""><i class="fab fa-facebook"></i></a></li>
<li><a href=""><i class="fab fa-github"></i></a></li>
</ul>
</div>
</div>
</div>
</div> -->
<div class="dir-rev subcontent">
<div class="subcontent-content ">
<h2> Development </h2>
<p>Development-
It is divided into web and app development.
Web development is developing a website for the internet, mostly by writing markup and coding.
App development refers to creation of computer applications for use on mobile devices such as tablets, smart phones and
smart watches.</p>
</div>
<div class="subcontent-img">
<img src="images/pexels-dids-2911515.jpg" alt="subcontentmainspider8019">
</div>
</div>
<div class="subcontent margin-add">
<div class="subcontent-content ">
<h2>Artificial Intelligenc & Machine Learning</h2>
<p>Artificial Intelligence focuses on creating intelligent machines which work as human beings. AI machines are designed to
perform various tasks including speech recognition, learn, perceive, plan and to solve real problems.</p>
</div>
<div class="subcontent-img">
<img src="images/pexels-tyler-lastovich-997443.jpg" alt="subcontentmainspider8019">
</div>
</div>
<div class="dir-rev subcontent">
<div class="subcontent-content ">
<h2> Open Source </h2>
<p>It is the process of developing open-source software (the software product available with its source code under an open
source license to study, change and improve its design). Open source projects and initiatives encourage the principles
of open exchange, collaborative participation and community-oriented development.Contributing to open source projects
involve creating new pull request, reporting a bug, documentation, answering the questions raised, besides writing
codes.</p>
</div>
<div class="subcontent-img">
<img src="images/pexels-dids-2911515.jpg" alt="subcontentmainspider8019">
</div>
</div>
<div class="subcontent">
<div class="subcontent-content ">
<h2>Cyber Security</h2>
<p>Cyber security coding involves using programming languages intended to protect networks and systems from malicious
actors attempting to hack into the operating systems.The field of cyber security focuses on network and data
protection at various levels.</p>
</div>
<div class="subcontent-img">
<img src="images/pexels-dids-2911515.jpg" alt="subcontentmainspider8019">
</div>
</div>
<!-- <div class="withoutbacktext">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Animi harum ad veniam earum non quaerat sit illo
suscipit, porro amet voluptate cupiditate saepe sint possimus quia dolorum aut id corrupti modi eos quo dolore!
Architecto natus odio quas eveniet quisquam obcaecati quam, deserunt qui, itaque magni iusto voluptates incidunt
labore.</p>
<i></br>Lorem ipsum dolor sit amet.</i>
</div> -->
<!--
<marquee>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt, deleniti.</p>
</marquee>
</div>-->
<footer>
<div class="flex-footer">
<ul>
<li><a href="" traget="_blank"><i class="fab fa-instagram"></i>Instagram</a></li>
<li><a href="" traget="_blank"><i class="fab fa-facebook"></i>facebook</a></li>
<li><a href="" traget="_blank"><i class="fab fa-github"></i>Projects</a></li>
<li><a href="" traget="_blank"><i class="fab fa-linkedin"></i>Linkedin</a></li>
</ul>
<div class="callsection">
<div class="callsectionbelonging">
<p>Coding Club<br>Indian Institute of Technology,<br>Jammu</p>
<i>codingclub@iitjammu.ac.in</i>
</div>
</div>
</div>
<div class="footer-copyright">
<p>Copyright © 2020 Coding Club IIT Jammu, All rights reserved. </p>
</div>
</footer>
<script src="indexjs.js"></script>
</body>
</html>