Created
February 8, 2018 19:08
-
-
Save juliancantillo/20716aebda6bda1cd93abf4462167904 to your computer and use it in GitHub Desktop.
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 charset="utf-8"> | |
<meta http-equiv="x-ua-compatible" content="ie=edge"> | |
<title>First Mockup</title> | |
<meta name="description" content="Mi primer página"> | |
<meta name="viewport" content="width=device-width, initial-scale=1"> | |
<link rel="stylesheet" href="css/bootstrap.min.css"> | |
<script src="js/jquery-3.3.1.min.js"></script> | |
<script src="js/bootstrap.min.js"></script> | |
<link href="https://fonts.googleapis.com/css?family=Lato:100,300,400,700" rel="stylesheet"> | |
<link rel="stylesheet" href="css/laprimera.css"> | |
</head> | |
<body> | |
<div class="container"> | |
<div class="row"> | |
<div class="col-md-6 col-sm-6 col-xs-6"> <img alt="Logo de udacity" src="images/100x100" class="img-responsive main-logo"></div> | |
<div class="col-md-6 col-sm-6 col-xs-6 text-right text-uppercase"> | |
<h1 class="text-thin main-title"> Jane doette </h1> | |
<h3> Front-end ninja</h3></div> | |
</div> | |
<div class="row"> | |
<div class="col-md-12"><hr></div> | |
</div> | |
<div class="row"> | |
<div class="col-md-12"><img alt="imagen principal" src="http://placehold.it/1140x350" class="img-responsive" ></div> | |
</div> | |
<div class="row"> | |
<div class="col-md-12"><h2 class="text-muted">Featured Work </h2></div> | |
</div> | |
<div class="row text-center"> | |
<div class="col-md-4"> | |
<img alt="imagen proyecto 1" src="https://placeimg.com/200/150/any" class="img-responsive center-block" data-toggle="modal" data-target="#project1"> | |
<h3>APPIFY</h3> | |
<p class="text-muted">www.lolo.com</p> | |
</div> | |
<div class="col-md-4"> <img alt="imagen proyecto 2" src="https://placeimg.com/200/150/any" class="img-responsive center-block"> | |
<h3>SUNFLOWER</h3> | |
<p class="text-muted">www.lolo.com</p> | |
</div> | |
<div class="col-md-4"> <img alt="imagen proyecto 3" src="https://placeimg.com/200/150/any" class="img-responsive center-block"> | |
<h3>Bookah</h3> | |
<p class="text-muted">www.lolo.com</p> | |
</div> | |
</div> | |
</div> | |
<!-- Modal --> | |
<div class="modal fade" id="project1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> | |
<div class="modal-dialog"> | |
<div class="modal-content"> | |
<div class="modal-header"> | |
<h4 class="modal-title" id="myModalLabel">Primer app</h4> | |
</div> | |
<div class="modal-body"> | |
<img class="img-responsive" src="http://placehold.it/555x555" alt="imagen de modal"> | |
This was my first project in this class. I learned a lot about HTML and CSS. | |
</div> | |
<div class="modal-footer"> | |
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button> | |
</div> | |
</div> | |
</div> | |
</div> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment