<!DOCTYPE html>
<html>
<head>
	<link rel='stylesheet' href='style.css'/>
	<script src='script.js'></script>
<title> EXAMPLE OF MOCKUP PAGE FOR A MICROBUSINESS </title>
</head>
<body>
<div class="nav_bar">
<ul>
   <li> <a href="#"> About  </a>  </li>
    <li>  <a href="#"> Contact </a>  </li>
    <li>  <a href="#"> Hours </a>  </li>
    <li> <a href="#"> Location </a> </li>
    <li> <a href="#"> Investment Opportunities  </a> </li>
    </ul>
    </div>

<div id="header">
   <p> MS: Your neighborhood ticket broker <p>
   </div>
   
   <div id="sub_header">
      <p> Serving the greater Baltimore, MD area since 2015! </p>
      </div>
      
      <div class="content">
      <p> For my latest ticket sales checkout:  <a href="https://stubhub.com>
     <img src="http://upload.wikimedia.org/wikipedia/en/thumb/8/8f/StubHub_logo.png/1024px-StubHub_logo.png" </a>
      </p>
    

        </div>
       
       
        <div id="image">
      <img src="http://static3.businessinsider.com/image/52274f8aeab8ea2d5bedd90d/take-a-tour-of-the-12-billion-san-francisco-49ers-stadium-thats-a-year-away-from-opening.jpg">
      <p> <em> Candlestick Park </em> </p>
          </div>
          
          <div id="blog">
          <a href="www.wordpress.com"> WORDPRESS BLOG: Ticket-Tips and News for the Ticket-Broker Community </a>
          </div>
          <div id="footer">
          <p> Copyright Content 2014. MS. All Rights Reserved </p>
      
      
      
      
   
    

</body>
</html>
.nav_bar {
    background-color: red;
    border: 4px solid black;
    color: red;
    position: fixed
}
.nav_bar li {
     display: inline;
     margin: 28px;
     font-size: 30px
}
.nav_bar a {
    text-decoration: none
}
.nav_bar a:hover {
    color: white
}

#header {
    text-align: center;
    font-size: 40;
    font-family: Verdana;
    
}
#sub_header {
    text-align: center;
    font-size: 30;
    font-family: Verdana;
}

.content p img {
       height: 100px;
       width: 150px;
}

.content p {
    font-size: 30;
    
}

.content p:first-child {
    text-align: center;
    font-family: Tahoma;
}
   
#image img {
    border: 5px solid blue;
    height: 50%;
    width: 50%;
}

#image {
   text-align: right;
}

#image p {
    margin-right: 200;
}
    
#blog  {
    font-size: 25;
    text-align: center;
    font-family: Arial;
    border: 5px solid black;
    background-color: red;
    padding: 15;
}

#blog a:hover {
       color:white;
}

#footer {
    text-align: right;
    margin-right: 50;
}

    
Created from scratch
0 forks
41 views

Browse more Codebits

Fait à NYC &copy; 2018 Codecademy