Skip to content

Instantly share code, notes, and snippets.

@eharris99

eharris99/html

Created June 2, 2016 16:38
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save eharris99/cc41672d2ccfa7bba3896d931fbf6569 to your computer and use it in GitHub Desktop.
Save eharris99/cc41672d2ccfa7bba3896d931fbf6569 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
html
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
<link type="text/css" rel="stylesheet" href="projetfinalcss1.css"/>
</head>
<body>
<div class="header">
<div class="container">
<ul>
<li>Soccer</li>
<li>BasketBall</li>
<li>Football</li>
<li>Cyclisme</li>
<li>Natation</li>
<li>Jogging</li>
</ul>
</div>
</div>
<div class="jumbotron">
<div class="container">
<div class="row">
<div class="col-md-6">
<a href="#"><img src="https://images.unsplash.com/photo-1420316078344-6149cb82b2c7?format=auto&auto=compress&dpr=1&crop=entropy&fit=crop&w=1366&h=911&q=80" class="thumbnail"></a>
</div>
<div class="col-md-6">
<a href="#"><img src="https://images.unsplash.com/photo-1450121982620-84a745035fa8?format=auto&auto=compress&dpr=1&crop=entropy&fit=crop&w=1366&h=817&q=80" class="thumbnail"></a>
</div>
</div>
<div class="row">
<div class="col-md-6">
<a href="#"><img src="https://images.unsplash.com/photo-1463073003471-a88643b4ebaf?format=auto&auto=compress&dpr=1&crop=entropy&fit=crop&w=1366&h=911&q=80" class="thumbnail"></a>
</div>
<div class="col-md-6">
<a href="#"><img src="https://images.unsplash.com/photo-1438029071396-1e831a7fa6d8?format=auto&auto=compress&dpr=1&crop=entropy&fit=crop&w=1366&h=689&q=80" class="thumbnail"></a>
</div>
</div>
<div class="row">
<div class="col-md-6">
<a href="#"><img src="https://images.unsplash.com/photo-1446057633965-55d2dcb22598?format=auto&auto=compress&dpr=1&crop=entropy&fit=crop&w=1366&h=911&q=80" class="thumbnail"></a>
</div>
<div class="col-md-6">
<a href="#"><img src="https://images.unsplash.com/photo-1415394171664-b29caa4dca77?format=auto&auto=compress&dpr=1&crop=entropy&fit=crop&w=1366&h=911&q=80" class="thumbnail"></a>
</div>
</div>
</div>
</div>
</body>
</html>
Raw
stylesheet
html, body {
margin: 0;
padding: 0;
}
/*---header---*/
.header {
background-color: #000;
}
.container{
max-width: 940px;
margin: 0 auto;
padding: 0 10px;
}
.header li {
display: inline;
margin-right: 15px;
color: #fff;
}
img {
padding: 0;
box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
border-radius: 0px;
border: 0px;
width:85%;
height:auto;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment