Accent Reduction: HTML
<html>
<head>
<meta name="viewport" content="width=device-width,maximum-scale=1.0" />
<link rel="stylesheet" href="layout.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-beta.2/css/bootstrap.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="script.js"></script>
</head>
<body>
<div class="jumbotron jumbo">
<div class="row">
<div class="col-6">
<h1 class="titleText">Accent Reduction Professor</h1>
<p class="jumboText">Learn to pronounce any word in the dictionary in a perfect
American Career Speech accent with this professionally developed 16 week program.</p>
<!-- <a class="btn btn-primary btn-sm" href="#" role="button">Learn more</a>-->
</div>
<!-- col1 -->
<div class="col-6">
<h1 class="kickerText">
You deserve a Professor. <br>Not just a tutor.
<h1/>
</div>
<!-- col3 -->
</div>
<!-- row -->
</div>
<!-- jumbotron -->
<!--</div> container -->
<div class="container-fluid promo" id="promotion">
<div class="row">
<div class="col">
<a href="#" id="private">
<img src="images/single_button.jpg" class="promoImg img-responsive">
<h5 class="promoText">Private Lessons</h5>
</a>
</div>
<div class="col">
<a href="#" id="group">
<img src="images/multiple_button.jpg" class="promoImg img-responsive">
<h5 class="promoText">Group Lessons</h5>
</a>
</div>
<div class="col">
<a href="#" id="custom">
<img src="images/custom_button.jpg" class="promoImg img-responsive">
<h5 class="promoText">Custom Curricula</h5>
</a>
</div>
<div class="col">
<a href="#" id="about">
<img src="images/about_button.jpg" class="promoImg img-responsive">
<h5 class="promoText">About Professor Ames</h5>
</a>
</div>
</div>
<!-- promo row -->
</div>
<!-- promo wrap -->
<div class="wrap contentWrap">
<div class="row">
<div id="content" class="col-md-8">
<p class="subhead">Reduce your accent! Get more respect! Make more money!</p>
<p class="leaderText">Accent Reduction Professor is a web based teaching/tutoring
school. Having a good understanding of a language is not sufficient to being understood
and respected by native speakers. Different languages have different speech sounds
(phonemes),
syllabic stress, and even tonalities that make the difference between native speakers
being able to understand what you're saying or not. Unfortunately, your accent can
significantly alter people's perception of your intelligence,
your abilities and your professionalism. </p>
<p class="contentText">Therefore, it's important for you not only to have both
comprehension and a solid vocabulary, but also that you be able to produce sounds correctly
with correct syllabic stress so you can be understood.</p>
<p class="contentText">Anyone can learn how to pronounce American Career Speech.
Over a 16 hour weekly program each student should be able to pronounce every word in any
standard dictionary.</p>
<p class="contentText"> Students have a choice of taking the course one of three ways:
(1) in a small group of 3-5 students using a 16 week curriculum ; or (2) having private lessons
individually using a 16 week curriculum; or (3) having private lessons designed
to fulfill their personal needs. Students can create their own groups or email
Prof. Ames to be part of a group being created around the world. The only limits are time zones.
Prof. Ames is on Eastern Standard Time in the U.S.</p>
</div>
<!-- col8 -->
<div id="contact" class="col-md-4">
<h5>Let's Get Started!</h5><br>
<form action="http://formspree.io/seanphillips45@gmail.com" method="post">
<div class="form-group">
<label for="exampleInputEmail1">Email address</label>
<input type="email" name="_replyto" class="form-control" id="exampleInputEmail1"
aria-describedby="emailHelp" placeholder="Enter email">
<small id="emailHelp" class="form-text text-muted">
We will never share your information with anyone. Ever.
</small>
</div>
<div class="form-group">
<label for="inputClass">I am interested in:</label>
<select id="inputClass" name="Interested in" class="form-control">
<option selected>One-On-One Course</option>
<option>Group Lessons</option>
<option>Custom Course</option>
<option>Not Sure Yet</option>
</select>
</div>
<div class="form-group">
<label for="exampleFormControlTextarea1">Message or question?</label>
<textarea class="form-control" name="Message" id="exampleFormControlTextarea1"
rows="3"></textarea>
</div>
<input type="hidden" name="_subject" value="Thanks for getting in touch!">
<input type="hidden" name="_next" value="http://seanphillips.info">
<button type="submit" class="btn btn-primary" id="submitButton">Submit</button>
</form>
</div>
<!-- col3 -->
</div>
<!-- row -->
</div>
<!-- contentWrap -->
<footer class="footer">
<h6>Copyright 2017 Accent Reduction Professor</h6>
</footer>
</body>
</html>