
<%- include("partials/header"); -%>
<img class="top-cloud" src="images/cloud.png" alt="cloud-img">
<h1>I'm Chloe.</h1>
<h2>A Web Developer.</h2>
<img class="bottom-cloud" src="views/images/cloud.png" alt="cloud-img">
<img src="images/mountain.png" alt="mountain-img">
</div>
<div class="middle-container">
<div class="profile">
  <div class="media">
  <img class="mr-3" src="images\Chloe.jpg" alt="profile-img">
  <div class="media-body">
        <h2 class= "mt-0">Hi There!</h2>
        <p> My name is <strong>Chloe Mclamb</strong></p>
        <p><em>Creator and Designer of this website</em></p>
</div>
</div>
</div>
<hr>
<div class="about-row">
  <img class="computer-img" src="images/computer.png" alt="computer-img">
  <h2>About Me</h2>
  <p>Dedicated Web Developer backed with more than 3 years experience in customer service. Proven ability to establish rapport with clients and exceed targets on the production floor. Providing outstanding customer service skills, problem solving and well organized.</p>
</div>
<hr>
    <h3>Design & Development</h3>
 <a href="/portfolio">My Portfolio</a>
  </div>
</div>
</div>
<div class="contact-me">
<h2>Get In Touch</h2>
<h3>Lorem ipsum dolor sit amet, non elit.</h3>
<p class="contact-message">Lorem ipsum dolor sit amet, in quis, aenean amet. Phasellus sodales, tellus donec dui, ornare erat.</p>
<a class="btn" href="/contact">Contact Me</a>
</div>

<%- include("partials/footer"); -%>
