Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <!-- saved from url=(0097)https://storage.googleapis.com/supplemental_media/udacityu/2730818600/bootstrap-prestructure.html -->
- <html><head><meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
- <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
- <link rel="stylesheet" type="text/css" href="css/mystyle.css">
- <link href="https://fonts.googleapis.com/css?family=Lato:100,300" rel="stylesheet">
- <script type="text/javascript" scr="js/bootstrap.min.js">
- </script>
- </head>
- <body class="container">
- <div class="row">
- <div class="col-md-6"><img src="./bootstrap-prestructure_files/100x100"></div>
- <div class="col-md-6 text-right text-uppercase">
- <h1 class="name">Jane Doette</h1>
- <h3 class="title">Front-end Ninja</h3>
- </div>
- </div>
- <div>
- <img class=".img-responsive" src="./bootstrap-prestructure_files/1140x350">
- </div>
- <div>
- <h2>Featured Work</h2>
- </div>
- <div>
- <div class="col-md-6">
- <img class=".img-responsive" src="./bootstrap-prestructure_files/555x300">
- <h3>Appify</h3>
- <p><a href="http://github.com/">Link to project</a></p>
- </div>
- <div class="col-md-6">
- <img class=".img-responsive" src="./bootstrap-prestructure_files/555x300">
- <h3>Appify</h3>
- <p><a href="http://github.com/">Link to project</a></p>
- </div>
- </div>
- <div>
- <div class="col-md-6">
- <img class=".img-responsive" src="./bootstrap-prestructure_files/555x300">
- <h3>Appify</h3>
- <p><a href="http://github.com/">Link to project</a></p>
- </div>
- <div class="col-md-6">
- <img class=".img-responsive" src="./bootstrap-prestructure_files/555x300">
- <h3>Appify</h3>
- <p><a href="http://github.com/">Link to project</a></p>
- </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">Favorite App Page</h4>
- </div>
- <div class="modal-body">
- <img class="img-responsive" src="images/555.jpeg">
- 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>
- <script type="text/javascript" scr="js/bootstrap.min.js">
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement