Landing Page Code
<!DOCTYPE html>
<html>
<head>
<title>Landing Page </title>
<link rel="stylesheet" href="styles.css" />
</head>
<body
<nav>
<div class= "heading"> Design. </div>
<div class= "navigation_bar">
<ul>
<li>Home</li>
<li>About</li>
<li>Contact</li>
<ul>
</div>
<nav>
<div id="banner">
<div class="content">
<h1>Makers of the Future</h1>
</div>
</div>
<div id="main" class="content">
<h3>Gaining a Understaning about the Circle of Design!</h3>
<p>The engineering design process begins by defining a problem and completing background research on the problem. Requirements are specified and a solution is chosen. A prototype of the solution is built and then tested. If the solution built meets the requirements then the results can be shared.</p>
<p>Design goes beyond aesthetic. Thinking like a designer means pulling disparate observations and requirements together and using them to inspire yourself to create a harmonious innovation to improve the world. </p>
</div>
<div class="pull-quote">
<h2>"Indeed, our designs become more ambitious as we see the new possibilities created by the technology of other industries."
<br><span>-Zaha Hadid</span></h2>
</div>
<div id="images">
</div>
<div class="share">
<a href="#">SHARE</a>
<a href="#">FAVORITE</a>
<a href="#">READ</a>
</div>
<script src="script.js"></script>