Created
March 9, 2018 09:48
-
-
Save soner8/7265d9d0d360eae56b15018b6cdcb591 to your computer and use it in GitHub Desktop.
Tavern
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/*Home page*/ | |
body, html { | |
height: 100%; | |
margin: 0; | |
} | |
.bgHome { | |
/* The image used */ | |
background-image: url("home.jpg"); | |
/* Full height */ | |
height: 100%; | |
/* Center and scale the image nicely */ | |
background-position: center; | |
background-repeat: no-repeat; | |
background-size: cover; | |
} | |
.logo { | |
position: absolute; | |
top: 20%; | |
left: 60%; | |
transform: translate(-50%, -50%); | |
} | |
/* Eat Sport */ | |
.bgPageUn { | |
/* The image used */ | |
background-image: url("pageUn.jpg"); | |
/* Full height */ | |
height: 100%; | |
/* Center and scale the image nicely */ | |
background-position: center; | |
background-repeat: no-repeat; | |
background-size: cover; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta name="viewport" content="width=device-width, initial-scale=1"> | |
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" | |
crossorigin="anonymous"> | |
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" | |
crossorigin="anonymous"></script> | |
<link rel="stylesheet" href="tavern.css"> | |
</head> | |
<body> | |
<!-- home --> | |
<section class="bgHome"> | |
<div class="logo"> | |
<img class="img-fluid max-width: 100%; height: auto; w-50 h-50 " src="logo.png"> | |
</div> | |
</section> | |
<!-- Eat Sports --> | |
<section class="bgPageUn"></section> | |
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" | |
crossorigin="anonymous"></script> | |
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" | |
crossorigin="anonymous"></script> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment