Skip to content

Commit 471544d

Browse files
ajitzeroajitzero
committed
Finished Contact page, various fixes
1 parent 23d3a60 commit 471544d

File tree

3 files changed

+163
-152
lines changed

3 files changed

+163
-152
lines changed

‎contact.html‎

Lines changed: 81 additions & 100 deletions
Original file line numberDiff line numberDiff line change
@@ -3,15 +3,15 @@
33
<head>
44
<meta charset="utf-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
6-
6+
77
<!-- OpenGraph tags -->
88
<meta property="og:description" content="We are a team of students in GITAM that aim to promote coding as being fun, challenging & most of all 'Not Boring'. In collaboration with the Department of CSE, we organise frequent coding competitions called 'Code Hackathons' on a bi-weekly basis on Saturday afternoons (except for during important college events). We may on occasion also take classes to discuss and try out various programming techniques and challenges to further enhance your skills.">
99
<meta property="og:image" content="https://codehackathon.github.io/assets/brand/main-logo.png">
1010
<meta property="og:site_name" content="Code Hackathon">
1111
<meta property="og:title" content="Code Hackathon">
1212
<meta property="og:type" content="website">
1313
<meta property="og:url" content="https://codehackathon.github.io/">
14-
14+
1515
<!-- Favicon & Theme -->
1616
<link rel="apple-touch-icon" sizes="114x114" href="assets/favicon/apple-icon-114x114.png">
1717
<link rel="apple-touch-icon" sizes="120x120" href="assets/favicon/apple-icon-120x120.png">
@@ -30,12 +30,12 @@
3030
<meta name="msapplication-TileColor" content="#12002D">
3131
<meta name="msapplication-TileImage" content="assets/favicon/ms-icon-144x144.png">
3232
<meta name="theme-color" content="#12002D">
33-
33+
3434
<title>Contact Us · Code Hackathon · GITAM</title>
35-
35+
3636
<!-- Bootstrap core CSS -->
3737
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
38-
38+
3939
<!-- Custom CSS -->
4040
<link href="style.css" rel="stylesheet">
4141
</head>
@@ -47,11 +47,11 @@
4747
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#PrimaryMenu" aria-controls="menu" aria-expanded="false" aria-label="Toggle Navigation">
4848
<span class="navbar-toggler-icon"></span>
4949
</button>
50-
50+
5151
<a class="navbar-brand" href="index">
5252
<img class="d-inline-block align-top" src="./assets/brand/main-logo.png" alt="Code Hackathon">
5353
</a>
54-
54+
5555
<div id="PrimaryMenu" class="collapse navbar-collapse">
5656
<ul class="navbar-nav ml-auto">
5757
<li class="nav-item">
@@ -72,17 +72,77 @@
7272
</ul>
7373
</div>
7474
</nav>
75-
75+
7676
<div id="Contact" class="container">
7777
<div class="row">
78-
<div class="col-10 offset-1">
79-
<h1>Contact Us</h1>
80-
<ul><strong>Frequently Asked Questions (FAQs):</strong>
81-
<li>For upcoming events, check our <code><a href="schedule">Schedule</a></code>.</li>
82-
<li>For previous code hackathon winners, visit the <code><a href="leaderboard">Leaderboard</a></code>.</li>
83-
<li>For previous code hackathon questions &amp; solutions, search our <code><a href="archive">Archive</a></code>. If you find a solution missing or a broken link, please notify us.</li>
84-
</ul>
85-
</div>
78+
<div class="col-md-10 offset-md-1 col-md-8 offset-md-2">
79+
<h1>Contact Us</h1>
80+
</div>
81+
<div class="col-md-8 offset-md-2 table-col">
82+
<div class="table-responsive">
83+
<table class="table table-striped table-borderless table-hover">
84+
<tbody>
85+
<tr>
86+
<th scope="row">M Pranay</th>
87+
<td><a href="tel:+918919345427">(+91) 89193 45427</a></td>
88+
<td>
89+
<a href="mailto:mpranay2017@gmail.com" target="blank">Email</a> ·
90+
<a href="https://www.linkedin.com/in/sunnypranay/" target="blank">LinkedIn</a> ·
91+
<a href="https://github.com/sunnypranay" target="blank">GitHub</a>
92+
</td>
93+
</tr>
94+
<tr>
95+
<th scope="row">Nishanth Banda</th>
96+
<td><a href="tel:+917093197160" target="blank">(+91) 70931 97160</a></td>
97+
<td>
98+
<a href="mailto:bandanishanth@gmail.com" target="blank">Email</a> ·
99+
<a href="https://www.linkedin.com/in/nishanth-banda-a90b4b158/" target="blank">LinkedIn</a> ·
100+
<a href="https://github.com/bandanishanth" target="blank">GitHub</a>
101+
</td>
102+
</tr>
103+
<tr>
104+
<th scope="row">Ajit Panigrahi</th>
105+
<td><a href="tel:+918895567749" target="blank">(+91) 88955 67749</a></td>
106+
<td>
107+
<a href="mailto:ajitzero@gmail.com" target="blank">Email</a> ·
108+
<a href="https://www.linkedin.com/in/AjitZero/" target="blank">LinkedIn</a> ·
109+
<a href="https://github.com/AjitZero" target="blank">GitHub</a>
110+
</td>
111+
</tr>
112+
<tr>
113+
<th scope="row">Jayanth Sai Kiran</th>
114+
<td><a href="tel:+917989657485" target="blank">(+91) 79896 57485</a></td>
115+
<td>
116+
<a href="mailto:jayanthsaikiran@gmail.com" target="blank">Email</a> ·
117+
<a href="https://www.linkedin.com/in/jayanthsaikiran/" target="blank">LinkedIn</a> ·
118+
<a href="https://github.com/jayanthsaikiran" target="blank">GitHub</a>
119+
</td>
120+
</tr>
121+
<tr>
122+
<th scope="row">V Srinivas</th>
123+
<td><a href="tel:+918374256375" target="blank">(+91) 83742 56375</a></td>
124+
<td>
125+
<a href="mailto:srinivas1998venigalla@gmail.com" target="blank">Email</a> ·
126+
<a href="https://www.linkedin.com/in/srinivas-venigalla-b5230814b" target="blank">LinkedIn</a> ·
127+
<a href="https://github.com/srini1998" target="blank">GitHub</a>
128+
</td>
129+
</tr>
130+
</tbody>
131+
</table>
132+
</div>
133+
</div>
134+
</div>
135+
</div>
136+
<div id="FAQ" class="container">
137+
<div class="row">
138+
<div class="col-sm-10 offset-sm-1 col-md-8 offset-md-2">
139+
<h1>Frequently Asked Questions (FAQs)</h1>
140+
<ul>
141+
<li>For upcoming events, check our <code><a href="schedule">Schedule</a></code>.</li>
142+
<li>For previous code hackathon winners, visit the <code><a href="leaderboard">Leaderboard</a></code>.</li>
143+
<li>For previous code hackathon questions &amp; solutions, search our <code><a href="archive">Archive</a></code>. If you find a solution missing or a broken link, please notify us.</li>
144+
</ul>
145+
</div>
86146
</div>
87147
</div>
88148
<div id="suggestion-grid" class="container">
@@ -108,101 +168,22 @@ <h5>Hall of Fame</h5>
108168
</a>
109169
</div>
110170
</div>
111-
</div>
112-
<div id="Team" class="container-fluid">
113-
<div class="row">
114-
<div class="col-12">
115-
<h1>Team</h1>
116-
<div class="table-responsive">
117-
<table class="table table-striped table-borderless table-hover">
118-
<tbody>
119-
<tr>
120-
<th scope="row">M Pranay</th>
121-
<td><a href="tel:+918919345427">(+91) 89193 45427</a></td>
122-
<td>
123-
<a href="mailto:mpranay2017@gmail.com" target="blank">Email</a> ·
124-
<a href="https://www.linkedin.com/in/sunnypranay/" target="blank">LinkedIn</a> ·
125-
<a href="https://github.com/sunnypranay" target="blank">GitHub</a>
126-
</td>
127-
</tr>
128-
<tr>
129-
<th scope="row">Nishanth Banda</th>
130-
<td><a href="tel:+917093197160" target="blank">(+91) 70931 97160</a></td>
131-
<td>
132-
<a href="mailto:bandanishanth@gmail.com" target="blank">Email</a> ·
133-
<a href="https://www.linkedin.com/in/nishanth-banda-a90b4b158/" target="blank">LinkedIn</a> ·
134-
<a href="https://github.com/bandanishanth" target="blank">GitHub</a>
135-
</td>
136-
</tr>
137-
<tr>
138-
<th scope="row">Ajit Panigrahi</th>
139-
<td><a href="tel:+918895567749" target="blank">(+91) 88955 67749</a></td>
140-
<td>
141-
<a href="mailto:ajitzero@gmail.com" target="blank">Email</a> ·
142-
<a href="https://www.linkedin.com/in/AjitZero/" target="blank">LinkedIn</a> ·
143-
<a href="https://github.com/AjitZero" target="blank">GitHub</a>
144-
</td>
145-
</tr>
146-
<tr>
147-
<th scope="row">Jayanth Sai Kiran</th>
148-
<td><a href="tel:+917989657485" target="blank">(+91) 79896 57485</a></td>
149-
<td>
150-
<a href="mailto:jayanthsaikiran@gmail.com" target="blank">Email</a> ·
151-
<a href="https://www.linkedin.com/in/jayanthsaikiran/" target="blank">LinkedIn</a> ·
152-
<a href="https://github.com/jayanthsaikiran" target="blank">GitHub</a>
153-
</td>
154-
</tr>
155-
<tr>
156-
<th scope="row">V Srinivas</th>
157-
<td><a href="tel:+918374256375" target="blank">(+91) 83742 56375</a></td>
158-
<td>
159-
<!-- <a href="#" target="blank">Email</a> · -->
160-
<!-- <a href="#" target="blank">LinkedIn</a> · -->
161-
<a href="https://github.com/srini1998" target="blank">GitHub</a>
162-
</td>
163-
</tr>
164-
</tbody>
165-
</table>
166-
</div>
167-
</div>
168-
</div>
169-
</div>
171+
</div>
170172
</div>
171-
173+
172174
<footer id="End-Game" class="container-fluid">
173-
<div class="container">
175+
<div class="container">
174176
<div class="row">
175177
<div class="col-sm-10 offset-sm-1 col-md-10 offset-md-1 col-lg-10 offset-lg-1">
176178
<h2>Questions? We'd be happy to help! 👆</h2>
177179
</div>
178180
</div>
179181
</div>
180182
</footer>
181-
183+
182184
<!-- Bootstrap core JavaScript -->
183185
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
184186
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
185-
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
186-
187-
<script>
188-
$(function () {
189-
var navbar = $(".navbar")
190-
var topMenu = $("#PrimaryMenu"),
191-
topMenuHeight = topMenu.outerHeight() + 15,
192-
menuItems = topMenu.find("li a"),
193-
scrollItems = menuItems.map(function () {
194-
var item = $($(this).attr("href"));
195-
if (item.length) {
196-
return item;
197-
}
198-
});
199-
200-
// Close navbar on click
201-
$('.nav-link').on('click', function () {
202-
$('.navbar-collapse').collapse('hide');
203-
});
204-
});
205-
</script>
206-
187+
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
207188
</body>
208189
</html>

‎sass/style.sass‎

Lines changed: 35 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -144,17 +144,39 @@ h1, h2, h3, h4, h5, h6
144144
margin-top: 12rem
145145
h1
146146
color: $primary-dark
147-
padding: 40px 0 0
148-
font-size: 4rem
147+
padding: 2rem 0
148+
font-size: 2.5rem
149149
h3
150150
margin-top: 1rem
151151
margin-bottom: 2rem
152152
p
153153
font-size: 1.2rem
154154
margin: 2rem 0
155-
ul
156-
font-size: 1.2rem
157-
margin: 3rem 0 2rem -1rem
155+
156+
#Contact
157+
.col-12
158+
padding: 0
159+
@media( #{$bp-md})
160+
padding: auto
161+
table
162+
margin: 0 auto
163+
width: 100%
164+
overflow: hidden
165+
text-align: left
166+
@media( #{$bp-md})
167+
border-radius: 1.2rem
168+
th
169+
min-width: 160px
170+
td
171+
min-width: 180px
172+
&:last-child
173+
min-width: 240px
174+
@media( #{$bp-sm})
175+
width: 100%
176+
.table-col
177+
width: 100%
178+
padding: 0
179+
margin: 0
158180

159181
.poster
160182
width: 100%
@@ -167,20 +189,12 @@ h1, h2, h3, h4, h5, h6
167189
@media( #{$bp-md})
168190
border-radius: .5rem
169191

170-
#Team
171-
margin: 2rem 0 4rem
172-
.col-12
173-
padding: 0
174-
@media( #{$bp-md})
175-
padding: auto
176-
table
177-
margin: 0 auto
178-
width: auto
179-
overflow: hidden
180-
text-align: center
181-
@media( #{$bp-md})
182-
border-radius: 1.2rem
183-
th, td
184-
min-width: 200px
192+
#FAQ
185193
h1
186-
text-align: center
194+
color: $primary-dark
195+
padding: 40px 0 0
196+
font-size: 2.5rem
197+
ul
198+
font-size: 1.2rem
199+
margin: 3rem 0 2rem -1rem
200+

0 commit comments

Comments
 (0)