mayanksolan/index.html

## index.html
<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>
<style>
  body {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #404040;
  }

  .logo {
    background-color: #8c8c8c;
    @media (max-width: 650px) {
      margin-top: 15px;
      width: 100%;
      position: relative;
    }
  }

  .header-img {
    float: left;
  }

  #nav-bar {
    float: right;
    margin: 12px;
    display: flex;
    flex-direction: row;
    align-items: center;
    text-align: center;
  }

  .nav-link {
    font-size: 18px;
    margin: 8px;
  }

  #details {
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 100px;
    margin-top: 10px;
    color: #b3b3b3;
  }

  #submit {
    background-color: #b3b3b3;
  }

  #video {
    display: block;
    width: 400px;
    height: 200px;
    margin: 0 auto;
    background-color: #777;
  }

  nav ul {
    overflow: hidden;
    white-space: nowrap;
  }

  nav li {
    display: inline-block;
  }
</style>

<body link="#404040">
  <header id="header">
    <div class="logo">
      <img id="header-img" width="60" height="60" hspace="10" style="vertical-align: middle;" src="https://img.icons8.com/ios/50/000000/traffic-jam-filled.png" />
      <font size="20px" color="#404040" style="vertical-align: middle;"><strong>Games</strong></font>
      <nav id="nav-bar">
        <ul>
          <li><a class="nav-link" href="#unleashed">Porsche Unleashed</a></li>
          <li><a class="nav-link" href="#mostwanted">Most Wanted</a></li>
          <li><a class="nav-link" href="#underground2">Underground 2</a></li>
          <ul>
      </nav>
    </div>
  </header>
  <div id="details">
    <h2> Best Need For Speed Games of all time </h2>
    <form id="form" action="https://www.freecodecamp.com/email-submit">
      <input type="email" name="email" id="email" placeholder="Enter your email address" required/>
      <input id="submit" type="submit" value="Get Started" class="btn"></input>
    </form>
  </div>
  <div>
    <section id="unleashed"></section>
    <h3 style="color:#cccccc" align="center">Need For Speed Porsche Unleashed</h3>
    <iframe width="560" height="315" id="video" src="https://www.youtube.com/embed/WoS1NhsEcRs" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
    <ul>
      <li style="color:#cccccc"> Need for Speed: Porsche 2000 in Europe, is a racing video game released in 2000. It is the fifth installment in the Need for Speed series. Unlike other NFS titles, Porsche Unleashed centers on racing Porsche sports cars, with models ranging from
        1950 to 2000.</li>
      <li style="color:#cccccc"> This was the first version of the Need for speed series where car would skid on high speed and stabalizing the car was sheer skillfulness.</li>
      <li style="color:#cccccc"> The cars were studied in detail in terms of driving mechanics in order to create a realistic simulation. The premise of the game remains largely the same compared to previous games in the series.</li>
    </ul>
  </div>
  <div>
    <section id="mostwanted"></section>
    <h3 style="color:#cccccc" align="center">Need For Speed Most Wanted</h3>
    <iframe width="560" height="315" id="video" src="https://www.youtube.com/embed/1pKMGaacbKI" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
    <ul>
      <li style="color:#cccccc"> Need for Speed: Most Wanted is a 2005 racing video game developed by EA Canada and published by Electronic Arts. It is the ninth installment in the Need for Speed series.</li>
      <li style="color:#cccccc"> The game features street racing-oriented game play, with certain customization options from the Need for Speed: Underground series.</li>
      <li style="color:#cccccc"> Police chases have once again been integrated into certain racing sessions, in which the police employ vehicles and tactics to stop the player's car and arrest the player, like Need for Speed III: Hot Pursuit and Need for Speed: Hot Pursuit 2.</li>
    </ul>
  </div>
  <div>
    <section id="underground2"></section>
    <h3 style="color:#cccccc" align="center">Need For Speed Underground 2</h3>
    <iframe width="560" height="315" id="video" src="https://www.youtube.com/embed/M4hwG0NujpI" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
    <ul>
      <li style="color:#cccccc"> Need for Speed: Underground 2 is a cross-platform racing video game and the eighth installment in the popular Need for Speed driving game series published and developed by Electronic Arts. Released in 2004.</li>
      <li style="color:#cccccc"> The game entails tuning cars for street races, resuming the Need for Speed: Underground storyline. Need for Speed: Underground 2 provides several new features, such as a broader customization, new methods of selecting races, the "explore" mode (similar
        to the Midnight Club series, in a large city known as "Bayview").</li>
      <li style="color:#cccccc"> In addition to the racing modes included in the previous Underground game (Circuit, Sprint, Drag and Drift races), four new variations of races have been provided in Underground 2. One racing mode was dropped, this being the Knockout competitions.</li>
    </ul>
  </div>
</body>

## nfs.markdown

      
    Raw
  

              nfs.markdown
            
          
    NFS

A Pen by Mayank Solan on CodePen.
License.
	<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>
	<style>
	body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #404040;
	}

	.logo {
	background-color: #8c8c8c;
	@media (max-width: 650px) {
	margin-top: 15px;
	width: 100%;
	position: relative;
	}
	}

	.header-img {
	float: left;
	}

	#nav-bar {
	float: right;
	margin: 12px;
	display: flex;
	flex-direction: row;
	align-items: center;
	text-align: center;
	}

	.nav-link {
	font-size: 18px;
	margin: 8px;
	}

	#details {
	align-items: center;
	justify-content: center;
	text-align: center;
	height: 100px;
	margin-top: 10px;
	color: #b3b3b3;
	}

	#submit {
	background-color: #b3b3b3;
	}

	#video {
	display: block;
	width: 400px;
	height: 200px;
	margin: 0 auto;
	background-color: #777;
	}

	nav ul {
	overflow: hidden;
	white-space: nowrap;
	}

	nav li {
	display: inline-block;
	}
	</style>

	<body link="#404040">
	<header id="header">
	<div class="logo">
	<img id="header-img" width="60" height="60" hspace="10" style="vertical-align: middle;" src="https://img.icons8.com/ios/50/000000/traffic-jam-filled.png" />
	<font size="20px" color="#404040" style="vertical-align: middle;"><strong>Games</strong></font>
	<nav id="nav-bar">
	<ul>
	<li><a class="nav-link" href="#unleashed">Porsche Unleashed</a></li>
	<li><a class="nav-link" href="#mostwanted">Most Wanted</a></li>
	<li><a class="nav-link" href="#underground2">Underground 2</a></li>
	<ul>
	</nav>
	</div>
	</header>
	<div id="details">
	<h2> Best Need For Speed Games of all time </h2>
	<form id="form" action="https://www.freecodecamp.com/email-submit">
	<input type="email" name="email" id="email" placeholder="Enter your email address" required/>
	<input id="submit" type="submit" value="Get Started" class="btn"></input>
	</form>
	</div>
	<div>
	<section id="unleashed"></section>
	<h3 style="color:#cccccc" align="center">Need For Speed Porsche Unleashed</h3>
	<iframe width="560" height="315" id="video" src="https://www.youtube.com/embed/WoS1NhsEcRs" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
	<ul>
	<li style="color:#cccccc"> Need for Speed: Porsche 2000 in Europe, is a racing video game released in 2000. It is the fifth installment in the Need for Speed series. Unlike other NFS titles, Porsche Unleashed centers on racing Porsche sports cars, with models ranging from
	1950 to 2000.</li>
	<li style="color:#cccccc"> This was the first version of the Need for speed series where car would skid on high speed and stabalizing the car was sheer skillfulness.</li>
	<li style="color:#cccccc"> The cars were studied in detail in terms of driving mechanics in order to create a realistic simulation. The premise of the game remains largely the same compared to previous games in the series.</li>
	</ul>
	</div>
	<div>
	<section id="mostwanted"></section>
	<h3 style="color:#cccccc" align="center">Need For Speed Most Wanted</h3>
	<iframe width="560" height="315" id="video" src="https://www.youtube.com/embed/1pKMGaacbKI" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
	<ul>
	<li style="color:#cccccc"> Need for Speed: Most Wanted is a 2005 racing video game developed by EA Canada and published by Electronic Arts. It is the ninth installment in the Need for Speed series.</li>
	<li style="color:#cccccc"> The game features street racing-oriented game play, with certain customization options from the Need for Speed: Underground series.</li>
	<li style="color:#cccccc"> Police chases have once again been integrated into certain racing sessions, in which the police employ vehicles and tactics to stop the player's car and arrest the player, like Need for Speed III: Hot Pursuit and Need for Speed: Hot Pursuit 2.</li>
	</ul>
	</div>
	<div>
	<section id="underground2"></section>
	<h3 style="color:#cccccc" align="center">Need For Speed Underground 2</h3>
	<iframe width="560" height="315" id="video" src="https://www.youtube.com/embed/M4hwG0NujpI" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
	<ul>
	<li style="color:#cccccc"> Need for Speed: Underground 2 is a cross-platform racing video game and the eighth installment in the popular Need for Speed driving game series published and developed by Electronic Arts. Released in 2004.</li>
	<li style="color:#cccccc"> The game entails tuning cars for street races, resuming the Need for Speed: Underground storyline. Need for Speed: Underground 2 provides several new features, such as a broader customization, new methods of selecting races, the "explore" mode (similar
	to the Midnight Club series, in a large city known as "Bayview").</li>
	<li style="color:#cccccc"> In addition to the racing modes included in the previous Underground game (Circuit, Sprint, Drag and Drift races), four new variations of races have been provided in Underground 2. One racing mode was dropped, this being the Knockout competitions.</li>
	</ul>
	</div>
	</body>