forked from KJSCE-Skream/KJSCE-Skream.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
contact.html
47 lines (47 loc) · 7.97 KB
/
contact.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
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="theme-color" content="#ff8832"><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2.0, user-scalable=yes"/><meta name="apple-mobile-web-app-capable" content="yes"><meta name="mobile-web-app-capable" content="yes"> <meta name="format-detection" content="telephone=no"> <title>Contact</title> <link rel="icon" href="./assets/images/skream icon.png"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <link rel="stylesheet" href="dist/css/bootstrap-material-design.min.css"/> <link rel="stylesheet" href="dist/css/ripples.min.css"/> <link rel="stylesheet" href="dist/css/main.css"/> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"/> <link rel="stylesheet" href="dist/css/simple-sidebar.css"> <style>@media only screen and (max-width: 720px){#stuco{width: 300px; height: auto; padding-left: 15px;}}@media only screen and (min-width: 720px){#stuco{padding-left: 70px;}}#map-container{margin: 30px; height: 550px; width: auto; position: relative; overflow: hidden;}#info{width: 530px; height: auto;}#reg-ip{margin-bottom: 0px; margin-top: 10px; color: black; font-size: 25px;}.md-form{margin-left: 30px; margin-right:30px;}.logo{width: 150px; height: auto;}.button1{background-color: white; color: black; margin-bottom: 5px;}.button1:hover{background-color: orange !important; color: white;}#submit{color: black;}.map-container{position: relative; padding-bottom: 75%; height: 0; overflow: hidden;}.map-container iframe{position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important;}</style> </head><body> <header><!-- <nav class="navbar navbar-inverse"> <div class="container-fluid"> <div class="navbar-header"> <a class="navbar-brand" href="#"> <img src="./assets/images/navbar_logo.png" alt="" class="img-re"> </a> </div><ul class="nav navbar-nav"> <li class="active"><a href="#">Home</a></li><li><a href="#">Page 1</a></li><li><a href="#">Page 2</a></li></ul> <ul class="nav navbar-nav navbar-right"> <li><a href="#"><span class="glyphicon glyphicon-user"></span> Sign Up</a></li><li><a href="#"><span class="glyphicon glyphicon-log-in"></span> Login</a></li></ul> </div></nav> --> <nav class="navbar navbar-light bg-faded "> <div class="container-fluid navbar-container"> <div class="navbar-header"> <div class="center" id="fuck" style="display:inline-block;float:left;"> <a onclick="" id="fuck"> <i class="fa fa-bars fa-2x" id="bars"></i> </a> </div><!-- <a class="navbar-brand" href="#"> <img src="./assets/images/navbar_logo.png" height="50" id="navbar-logo" alt="" class=""> </a> --> <a class="navbar-brand usesvh" href="#" style="margin-left: 5px !important;">
<!-- <img src="./assets/images/navbar_logo.png" height="50" id="navbar-logo" alt="" class=""> -->
<p style="font-family: Fold21 !important; color: #ff8832"><strong>SKREAM '18</strong></p>
</a></div><div class="nav-current" style=""> <p style="font-family: Fold21 !important; color: #ff8832">CONTACT</p></div></div></nav> </header> <hr/> <hr/> <div class="container" id="container"> <div id="side-nav" class="side-bar"> <ul class="sidebar-nav"><!-- <li class="sidebar-brand"> <a href="#"> Start Bootstrap </a> </li>--> <li> <a href="./index.html"><i class="fa fa-home fa-1x"></i> Home</a> </li><li> <a href="./events.html"><i class="fa fa-soccer-ball-o fa-1x"></i> Events</a> </li><li> <a href="./Rules.html"><i class="fa fa-map-o fa-1x"></i> Rules</a> </li><li> <a href="./Accomodation.html"><i class="fa fa-briefcase fa-1x"></i> Accommodation</a> </li><li> <a href="./registration.html"><i class="fa fa-pencil-square fa-1x"></i> Registration</a> </li><li> <a href="./parvaah.html"><i class="fa fa-product-hunt fa-1x"></i> Parvaah</a> </li><li> <a href="./sponsor.html"><i class="fa fa-handshake-o fa-1x"></i> Sponsors</a> </li><li> <a href="./contact.html"><i class="fa fa-id-card-o fa-1x"></i> Contact</a> </li></ul> </div></div><div class="main" id="main"> <div class="container-fluid" id=""> <section class="section mb-4"> <div class="row"><div class="col-md-1"></div>
<div class="col-md-4" style=" margin-top:40px;" >
<p>
<h3 style="margin-left: 10px; color: #ff8832;">For any queries, contact:</h3>
<ul style="font-size: 20px;">
<li>
Aayush Shah
<ul>
<li><span style="color: #ff8832;">Contact No:</span> +919892822280</li>
<li><span style="color: #ff8832;">Email ID:</span> [email protected]</li>
</ul>
</li>
<li>
Shranik Vora
<ul>
<li><span style="color: #ff8832;">Contact No:</span> +918879359893</li>
<li><span style="color: #ff8832;">Email ID:</span> [email protected]</li>
</ul>
</li>
<li>
Rushi Shah
<ul>
<li><span style="color: #ff8832;">Contact No:</span> +917588349698</li>
<li><span style="color: #ff8832;">Email ID:</span> [email protected]</li>
</ul>
</li>
<li>
Darshan Gandhi
<ul>
<li><span style="color: #ff8832;">Contact No:</span> +918080901151</li>
<li><span style="color: #ff8832;">Email ID:</span> [email protected]</li>
</ul>
</li>
</ul>
<!-- <h3 style="font-family: mosk;padding-left: 30px;">For any queries contact :
<br><br>Chirag Shah +919757084146 <br>e-mail id : [email protected]
<br><br>Janam Mehta +919920801422 <br>e-mail id : [email protected]
<br><br>Jugal Shah +919930892774 <br>e-mail id : [email protected]
<br><br>Hitanshu Trivedi +919702677797 <br>e-mail id : [email protected]
<br><br>Akanksha Rao +918082136726 <br>e-mail id : [email protected]
</h3> -->
</p>
</div>
<div class="col-md-7"> <div id="map-container" class="z-depth-1-half map-container"> <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3770.7883514330733!2d72.89750831446781!3d19.07304098708958!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3be7c627a20bcaa9%3A0xb2fd3bcfeac0052a!2sK.J.+Somaiya+College+Of+Engineering!5e0!3m2!1sen!2sin!4v1481116400620" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe> </div></div><div class="container"> <div class="col-md-2"></div><div class="col-md-8"> <img src="assets/images/contact.svg" height="300" id="stuco"> </div><div class="col-md-2"></div></div></section></div></div><div class="ext-link"> <ul> <li><a href="https://www.youtube.com/watch?v=DDHSCajBX6k" target="_blank"">Trailer</a></li><!-- <li><a href="./gallery.html">Gallery</a></li> --></ul> </div><!-- <div class="register center"> <i class="fa fa-pencil fa-2x"></i> </div>--> <hr/> <footer class="footer" style="position: relative; bottom: 0; left: 0; right: 0;"> <div class="container"> <div class="" style="display:inline"> <a href="https://www.facebook.com/KJSCESKREAM/" target="_blank"><i id="social-fb" class="fa fa-facebook-square fa-3x social" style="color: #fff;"></i></a> <a href="https://twitter.com/kjsceskream/" target="_blank"><i id="social-tw" class="fa fa-twitter-square fa-3x social" style="color: #fff;"></i></a> <a href="https://youtube.com/kjscelive/" target="_blank"><i id="social-gp" class="fa fa-youtube-play fa-3x social" style="color: #fff;"></i></a> <a href="https://www.instagram.com/kjscelive/" target="_blank"><i id="social-em" class="fa fa-instagram fa-3x social" style="color: #fff;"></i></a> </div><p class="text-muted"> Copyright © KJSCE Skream 2017 </p></div></footer><script src="dist/js/jquery.min.js"></script><script src="dist/js/material.min.js"></script><script src="dist/js/bootstrap.min.js"></script><script src="dist/js/index.min.js"></script><script >// function ToggleNav(){// $('#container').toggleClass("open1");// $('#main').toggleClass("open");// $('.side-bar').toggleClass("open2");// //flag=(flag==1 ? 0 : 1); //}// $('#fuck').on('click',function(){// ToggleNav(); //});// $("#menu-toggle").click(function(e){// e.preventDefault();// $("#wrapper").toggleClass("toggled");//}); </script></body></html>