Skip to content

Commit

Permalink
Merge pull request #1 from rupeshmohanty/master
Browse files Browse the repository at this point in the history 
Changed the hall of fame
  • Loading branch information
@Dstri26
Dstri26 authored Sep 30, 2020
2 parents 98c0f45 + 68fd33d commit 669c51e
Show file tree
Hide file tree
Showing 2 changed files with 260 additions and 0 deletions.
5 changes: 5 additions & 0 deletions hall-of-fame/alumni.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
.banner{
position: fixed;
top:0%;
z-index: 999999999
}
255 changes: 255 additions & 0 deletions hall-of-fame/index.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,255 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Hall of Fame</title>

<!----------------Font Styles--------->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.0-2/css/all.min.css">
<link href="https://fonts.googleapis.com/css2?family=MuseoModerno:wght@500&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Abel&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Nunito+Sans&display=swap" rel="stylesheet">

<!-----------------------------CSS FILES------------------>
<link rel="stylesheet" href="../css/style.css">

<!-- Font Awesome -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css">
<!-- Google Fonts -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap">
<!-- Bootstrap CSS -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.0/css/bootstrap.min.css" rel="stylesheet">
<!-- Material Design Bootstrap -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.19.1/css/mdb.min.css" rel="stylesheet">
<!-- External stylesheets! -->
<link rel="stylesheet" href="./alumni.css">
</head>
<body>

<!-- ---------------------------- Navigation ---------------------------------------------- -->
<div class="banner" id="home">
<header>
<a href="#" class="logo">Spectrum</a>
<div class="toggle-collapse">
<div id="myNav" class="overlay">
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
<div class="overlay-content">
<a href="../">Home</a>
<a href="../index.html#about">About Us</a>
<a href="../index.html#projects">Projects</a>
<a href="../index.html#team">Team</a>
<a href="../mozilla-campus-club">Mozilla Campus Club</a>
<a href="../index.html#contact">Contact us</a>

</div>
</div>

<!-- <div class="toggle-icons" onclick="openNav()">
<i class="fas fa-bars"></i>
</div> -->


<script>

function openNav() {
document.getElementById("myNav").style.height = "100%";
}

function closeNav() {
document.getElementById("myNav").style.height = "0%";
}

</script>

</div>

<div class="mid-nav">
<ul class="nav-items">
<!-- <li class="nav-link current">
<a href="#home">Home</a>
</li>
<li class="nav-link">
<a href="#about">About Us</a>
</li>
<li class="nav-link">
<a href="#projects">Projects</a>
</li>
<li class="nav-link">
<a href="#team">Team</a>
</li> -->
<li class="nav-link">
<a href="../mozilla-campus-club/">Mozilla Campus Club</a>
</li>
<li class="nav-link">
<a href="../spectrum-internship-drive/internship_2019-20/">Spectrum Internship Drive 2019</a>
</li>
</ul>
</div>
</header>
</div><br><br><br><br>

<div class="container mt-4">
<div class="row">
<div class="col-md-6">
<iframe width="560" height="315" src="https://www.youtube.com/embed/dDBfdAGcx_4" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="col-md-6">
<h4>Batch 2015</h4>
<p class="lead">
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Fugit, numquam nesciunt rem cupiditate quae culpa ea magnam, animi similique sunt dolor assumenda eveniet? At eius dolor eum error voluptatibus officiis.
</p>
</div>
</div><br/>
<div class="row">
<div class="col-md-6">
<h4>Batch 2015</h4>
<p class="lead">
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Fugit, numquam nesciunt rem cupiditate quae culpa ea magnam, animi similique sunt dolor assumenda eveniet? At eius dolor eum error voluptatibus officiis.
</p>
</div>
<div class="col-md-6">
<iframe width="560" height="315" src="https://www.youtube.com/embed/dDBfdAGcx_4" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div><br/>
<div class="row">
<div class="col-md-6">
<iframe width="560" height="315" src="https://www.youtube.com/embed/dDBfdAGcx_4" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="col-md-6">
<h4>Batch 2015</h4>
<p class="lead">
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Fugit, numquam nesciunt rem cupiditate quae culpa ea magnam, animi similique sunt dolor assumenda eveniet? At eius dolor eum error voluptatibus officiis.
</p>
</div>
</div><br/>
</div>

<!-- ---------------------------------------------FOOTER----------- -->
<footer class="page-footer bg-dark" id="contact">
<div class="tab">
<div class="container">
<div class="row py-4 d-flex align-items-center">
<div class="col-md-12 text-center">
<a href="https://www.facebook.com/spCETrum"><i class="fab fa-facebook-f text-white mr-4"></i></a>
<a href="https://github.com/Spectrum-CETB"><i class="fab fa-github text-white mr-4"></i></a>
<a href="https://www.linkedin.com/in/spectrum-cet-3b71431b1/"><i class="fab fa-linkedin-in text-white mr-4"></i></a>
<a href="https://www.instagram.com/spectrum.cetb/?hl=en"><i class="fab fa-instagram text-white"></i></a>

</div>
</div>
</div>
</div>


<div class="container text-center text-md-left mt-5">
<div class="row">
<div class="first-row col-md-3 mx-auto mb-4">
<h6 class="text-uppercase font-weight-bold">SPECTRUM</h6>
<hr class=" mb-2 mt-0 d-inline-block mx-auto" style="width: 125px; height: 2px">
<p class="mt-2">SPECTRUM a place for all technical enthusiasts to learn, discover and innovate new things in the field of Technology and Design.</p>
</div>

<div class="col-md-2 mx-auto mb-4">
<h6 class="text-uppercase font-weight-bold">WINGS</h6>
<hr class=" mb-2 mt-0 d-inline-block mx-auto" style="width: 85px; height: 2px">
<ul class="list-unstyled">
<li class="my-2">HARDWARE</li>
<li class="my-2">SOFTWARE</li>
<li class="my-2">DESIGN</li>

</ul>
</div>

<div class="col-md-2 mx-auto mb-4">
<h6 class="text-uppercase font-weight-bold">USEFUL LINKS</h6>
<hr class=" mb-2 mt-0 d-inline-block mx-auto" style="width: 110px; height: 2px">

<ul class="list-unstyled">
<li class="my-2"><a href="../">HOME</a></li>
<li class="my-2"><a href="../index.html#about">ABOUT US</a></li>
<li class="my-2"><a href="../index.html#projects">PROJECTS</a></li>
<li class="my-2"><a href="../index.html#blogs">BLOGS</a></li>
<li class="my-2"><a href="../index.html#faq">FAQ</a></li>


</ul>
</div>

<div class="fourth-row col-md-3 mx-auto mb-4">
<h6 class="text-uppercase font-weight-bold">CONTACTS</h6>
<hr class=" mb-2 mt-0 d-inline-block mx-auto" style="width: 110px; height: 2px">

<ul class="list-unstyled">
<li class="my-2"><i class="fas fa-home"> College Of Engineering And Technology, Ghatikia,
Bhubaneswar - 751003</i></li>
<li class="my-2"><i class="fas fa-envelope"> [email protected]</i></li>
<li class="my-2"><i class="fas fa-phone"> +91-9999999999</i></li>
</ul>
</div>
</div>
</div>

<div class="footer-copyright text-center py-3">
<p>&copy;
<a href="https://spectrumcet.com/">spectrumcet.com</a>
</p>
<p>Designed By Web-Team Spectrum</p>
</div>
</footer>










<!-------------------------------------JS FILES------------------------->
<script src="../js/observers.js"></script>
<script src="../js/team.js"></script>
<script src="../js/glider.js"></script>
<script src="https://cdn.rawgit.com/michalsnik/aos/2.1.1/dist/aos.js"></script>

<script>
AOS.init();
</script>


<script>
function myFunction() {
var dots = document.getElementById("dots");
var moreText = document.getElementById("more");
var btnText = document.getElementById("myBtn");

if (dots.style.display === "none") {
dots.style.display = "inline";
btnText.innerHTML = "See All";
moreText.style.display = "none";
} else {
dots.style.display = "none";
btnText.innerHTML = "See less";
moreText.style.display = "inline";
}
}
</script>


<!-- -------------------------------------BOOTSTRAP------------- -->

<!-- JQuery -->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<!-- Bootstrap tooltips -->
<script type="text/javascript"
src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.4/umd/popper.min.js"></script>
<!-- Bootstrap JavaScript -->
<script type="text/javascript"
src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.0/js/bootstrap.min.js"></script>
<!-- MDB JavaScript -->
<script type="text/javascript"
src="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.19.1/js/mdb.min.js"></script>
</body>
</html>

0 comments on commit 669c51e

Please sign in to comment.