Advertisement
Guest User

Untitled

a guest
Apr 27th, 2017
165
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 2.77 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <!-- saved from url=(0097)https://storage.googleapis.com/supplemental_media/udacityu/2730818600/bootstrap-prestructure.html -->
  3. <html><head><meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
  4. <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
  5. <link rel="stylesheet" type="text/css" href="css/mystyle.css">
  6. <link href="https://fonts.googleapis.com/css?family=Lato:100,300" rel="stylesheet">
  7. <script type="text/javascript" scr="js/bootstrap.min.js">
  8. </script>
  9. </head>
  10.   <body class="container">
  11.     <div class="row">
  12.       <div class="col-md-6"><img src="./bootstrap-prestructure_files/100x100"></div>
  13.       <div class="col-md-6 text-right text-uppercase">
  14.         <h1 class="name">Jane Doette</h1>
  15.         <h3 class="title">Front-end Ninja</h3>
  16.       </div>
  17.     </div>
  18.     <div>
  19.       <img class=".img-responsive" src="./bootstrap-prestructure_files/1140x350">
  20.     </div>
  21.     <div>
  22.       <h2>Featured Work</h2>
  23.     </div>
  24.     <div>
  25.       <div class="col-md-6">
  26.         <img class=".img-responsive" src="./bootstrap-prestructure_files/555x300">
  27.         <h3>Appify</h3>
  28.         <p><a href="http://github.com/">Link to project</a></p>
  29.       </div>
  30.       <div class="col-md-6">
  31.         <img class=".img-responsive" src="./bootstrap-prestructure_files/555x300">
  32.         <h3>Appify</h3>
  33.         <p><a href="http://github.com/">Link to project</a></p>
  34.       </div>
  35.     </div>
  36.     <div>
  37.       <div class="col-md-6">
  38.         <img class=".img-responsive" src="./bootstrap-prestructure_files/555x300">
  39.         <h3>Appify</h3>
  40.         <p><a href="http://github.com/">Link to project</a></p>
  41.       </div>
  42.       <div class="col-md-6">
  43.         <img class=".img-responsive" src="./bootstrap-prestructure_files/555x300">
  44.         <h3>Appify</h3>
  45.         <p><a href="http://github.com/">Link to project</a></p>
  46.       </div>
  47.     </div>
  48.  <!-- Modal -->
  49.     <div class="modal fade" id="project1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  50.         <div class="modal-dialog">
  51.             <div class="modal-content">
  52.                 <div class="modal-header">
  53.                     <h4 class="modal-title" id="myModalLabel">Favorite App Page</h4>
  54.                 </div>
  55.                 <div class="modal-body">
  56.                     <img class="img-responsive" src="images/555.jpeg">
  57.                     This was my first project in this class. I learned a lot about HTML and CSS.
  58.                 </div>
  59.                 <div class="modal-footer">
  60.                     <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
  61.                 </div>
  62.             </div>
  63.         </div>
  64.     </div>
  65.     <script type="text/javascript" scr="js/bootstrap.min.js">
  66. </script>
  67. </body>
  68. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement