Difference between revisions of "Team:VIT Vellore"

(Replaced content with "{{VIT_Vellore}}")
Line 1: Line 1:
 
{{VIT_Vellore}}
 
{{VIT_Vellore}}
 +
<html>
 +
<style>
 +
 +
#home-container {
 +
    width: 100%;
 +
    background-image: url('images/beach-background.jpg');
 +
    background-size: cover;
 +
    background-repeat: no-repeat;
 +
    padding: 10%;
 +
}
 +
 +
#home-container, #home-container img {
 +
    display: block;
 +
    margin: auto;
 +
}
 +
 +
#home-container h1 {
 +
    font-family: 'Comfortaa', Tahoma, sans-serif;
 +
    font-size: 10vw;
 +
    font-weight: 500;
 +
    letter-spacing: -0.05em;
 +
    padding: 1%;
 +
    color: #fff;
 +
    text-align: center;
 +
    text-shadow: 1px 1px 30px #1a1a1a9c;
 +
}
 +
 +
#home-container h1 span {
 +
    font-weight: bold;
 +
    padding: 0 1%;
 +
}
 +
 +
#home-container h2 {
 +
    font-family: 'Bahnschrift', 'Segoe UI', Tahoma, sans-serif;
 +
    font-size: 3vw;
 +
    font-weight: 500;
 +
    color: #fff;
 +
    text-align: center;
 +
    padding: 0;
 +
    margin: 0;
 +
    text-shadow: 1px 1px 30px #1a1a1ac7;
 +
}
 +
 +
#home-container button {
 +
    color: #fff;
 +
    background-color: #1d1d1d2c;
 +
    border: 2px solid #fff;
 +
    border-radius: 50px;
 +
    padding: 1% 2%;
 +
    font-family: 'Bahnschrift', 'Segoe UI', Tahoma, sans-serif;
 +
    font-size: 1.3vw;
 +
    font-weight: 500;
 +
    text-align: center;
 +
    display: block;
 +
    margin: 2.5% auto;
 +
    box-shadow: 1px 1px 30px #1a1a1ac7;
 +
    transition: 0.4s;
 +
}
 +
 +
#home-container button:hover {
 +
    background-color: #fff;
 +
    color: #000;
 +
    cursor: pointer;
 +
    text-shadow: none;
 +
}
 +
 +
</style>
 +
<div class="horizontal">
 +
    <div class="col-12" id="home-container">
 +
        <h1>toggle<span class="em-text">pH</span></h1>
 +
        <h2>VIT Vellore</h2>
 +
        <button id="enter-site">Check us out!</button>
 +
    </div>
 +
</div>

Revision as of 05:41, 16 October 2018

togglepH

VIT Vellore