robertjdominguez/sample.html

## sample.html
<html>

<head>
  <link rel="stylesheet" href="https://bootswatch.com/4/cosmo/bootstrap.min.css">
  <title>Bootstrap Day</title>
</head>

<body>
<div class="container">

  <div class="row">
    <div class="col-md-12">
      <div class="jumbotron text-center">
        <h1 id="splash">What a Beautiful Page!</h1>
          <img src="https://pbs.twimg.com/media/Da6xQGxXUAAfabg.png" class="img-fluid" alt="Responsive image">
      </div>
    </div>
  </div>

  <div class="row">
    <div class="col-md-12">
      <p>Today, in class, we're going to learn about the Bootstrap Grid System. All you have to be able to do is count to twelve (which, admittedly, may be difficult...) and you can design some really beautiful looking pages.</p>
    </div>
  </div>

</div>

</body>
<!-- TODO: Check out the list of things to do AFTER I'm done dropping knowledge on you:
1. Change the title to 'I Have a Giant Ego!'
2. Change the element with the id of 'splash' to welcome people to your page with a message.
3. Change the image to something about you or, even better, an image of you!
4. Change the <p> element with the id of 'info' to tell visitors a little about you.
5. Create a new row and inside it, make two cards that each take up 1/2 the width of the container.
6. Inside the card on the left, give it a title of 'Foods' and list your favorite foods by creating an <ul>.
7. Inside the card on the right, give it a title of 'Movies' or 'Books' and repeat the previous step.
-->
</html>
	<html>

	<head>
	<link rel="stylesheet" href="https://bootswatch.com/4/cosmo/bootstrap.min.css">
	<title>Bootstrap Day</title>
	</head>

	<body>
	<div class="container">

	<div class="row">
	<div class="col-md-12">
	<div class="jumbotron text-center">
	<h1 id="splash">What a Beautiful Page!</h1>
	<img src="https://pbs.twimg.com/media/Da6xQGxXUAAfabg.png" class="img-fluid" alt="Responsive image">
	</div>
	</div>
	</div>

	<div class="row">
	<div class="col-md-12">
	<p>Today, in class, we're going to learn about the Bootstrap Grid System. All you have to be able to do is count to twelve (which, admittedly, may be difficult...) and you can design some really beautiful looking pages.</p>
	</div>
	</div>

	</div>

	</body>
	<!-- TODO: Check out the list of things to do AFTER I'm done dropping knowledge on you:
	1. Change the title to 'I Have a Giant Ego!'
	2. Change the element with the id of 'splash' to welcome people to your page with a message.
	3. Change the image to something about you or, even better, an image of you!
	4. Change the <p> element with the id of 'info' to tell visitors a little about you.
	5. Create a new row and inside it, make two cards that each take up 1/2 the width of the container.
	6. Inside the card on the left, give it a title of 'Foods' and list your favorite foods by creating an <ul>.
	7. Inside the card on the right, give it a title of 'Movies' or 'Books' and repeat the previous step.
	-->
	</html>