Answer in Web Development for Huh #233432


<!--<img src="" alt="" />-->
<header class="site-header">
  <span>Web Development</span>
  <h1>Art or Science?</h1>
  <a id="scrollToMain" href="#main" class="cta">Let's find out</a>
<nav class="main-nav">
  <a class="chosen" href="">Home</a>
  <a href="">About</a>
  <a href="">Gallery</a>
  <a href="">Contact</a>
<section id="main" class="main-content">
    <section class="page-section group">
      <section class="webdesign">
        <h2>What is web design?</h2>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore nostrum et, iusto unde ratione! Voluptatum ducimus repellendus non asperiores qui voluptate possimus excepturi dolor, quis quibusdam nostrum ad, nulla nisi, a ipsum. Tempore optio perferendis distinctio iusto totam aperiam voluptatem esse ipsam eum maxime. Sunt nesciunt cupiditate nobis amet voluptatibus.</p>
        <a href="" class="readmore">Learn more.</a>
      <section class="webdevelopment">
        <h2>What is web development?</h2>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere accusamus sapiente, laborum, incidunt quam blanditiis alias mollitia repellat quibusdam, temporibus qui? Numquam quo recusandae asperiores velit, autem expedita delectus labore eveniet, hic itaque molestias commodi suscipit voluptatibus debitis architecto dignissimos atque. Placeat mollitia doloribus corporis consectetur commodi soluta, quo inventore!</p>
        <a href="" class="readmore">Learn more.</a>
      <div class="group"></div>
      <h2>Interesting stuff.</h2>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque laudantium maxime, atque esse, animi et, pariatur incidunt quaerat id quisquam iure odit ab impedit ullam. Voluptates nesciunt, tempora ex sapiente culpa, id quasi libero, accusantium, qui sit sed expedita? Iusto dolore provident illum optio expedita quisquam eveniet eaque consectetur animi.</p>
      <h3>Interesting facts about us.</h3>
        <li>Lorem ipsum dolor sit.</li>
        <li>Porro, eaque, quibusdam. Impedit!</li>
        <li>Modi non, itaque nostrum?</li>
        <li>Cumque nam quasi, unde?</li>
        <li>Ducimus iure ab suscipit.</li>
        <li>Sit quia ullam voluptatum.</li>
      <a href="" class="readmore">Learn more.</a>


* { box-sizing: border-box; }
.group:after {
    content: " "; /* 1 */
    display: table; /* 2 */

.group:after {
    clear: both;

 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
.group {
    *zoom: 1;

  padding-top: 650px;
  font-family: "Roboto Condensed",sans-serif;
  /*background-image: linear-gradient(to top,transparent, rgba(0,0,0,.7) 1%), url("");*/
  background: #ccc url("");
  background-blend-mode: luminosity;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 650px;
  border-bottom: 1px solid #ccc;
  padding-top: 120px;
  font-family: "Oswald",sans-serif;

.site-header h1{
  font-size: 90px;
  color: ;
  text-transform: uppercase;

.site-header span{
  color: firebrick;
  display: inline-block;
  font-size: 34px;
  padding-bottom: 15px;
  border-bottom: 1px solid;

.site-header .cta{
  font-size: 1.5rem;
  background-color: dodgerblue;
  color: #fff;
  box-shadow: inset 0 -3px 0 rgba(0,0,0,.3);
  border-radius: 6px;
  font-weight: bold;
  padding: 10px 20px;
  text-decoration: none;
  margin-top: 25px;

  position: relative;

  position: absolute;
  width: 100%;
  background-color: #fff;
  height: 60px;
  box-shadow: 0 3px 6px rgba(0,0,0,.25);
  z-index: 100;
  font-family: "Oswald",sans-serif;
  margin-bottom: -60px;

  position: fixed;

.main-nav a{
  display: inline-block;
  margin-top: 5px;
  margin-bottom: 8px;
  border-bottom: 1px solid transparent;
  padding: 10px 0;
  color: #333;
  text-decoration: none;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 700;
  margin-right: 10px;
.main-nav a.chosen{
  border-color: indianred;

  padding-top: 80px;
  padding-bottom: 60px;
  background-color: #f7f7f7;

.main-content h2,
.main-content h3{
  font-family: "Oswald",sans-serif;

.main-content h2{
  font-size: 34px;
  margin-bottom: 50px;

.main-content h3{
  color: rgba(0,0,0,.76);

.main-content p, .main-content li{
  color: rgba(0,0,0,.6);
  line-height: 1.4;

  max-width: 800px;
  margin-left: auto;
  margin-right: auto;

.page-section .readmore{
  color: steelblue;
  text-decoration: none;
  display: inline-block;
  margin-top: 15px;
  font-size: 16px;
  padding-bottom: 5px;
  border-bottom: 1px solid steelblue;
  text-transform: uppercase;

  width: 49%;
  height: 500px;
  background: linear-gradient(to bottom, #f7f7f7, #f6f6f6, transparent 60%), #f0f0f0;
  box-shadow: 0 3px 0 #ddd;
  padding: 5px 25px;

  float: left;
  float: right;


var mainnav = $('.main-nav');
var fixed = "nav-fixed";
var header = $('.site-header').outerHeight();

  if($(this).scrollTop() >= header){

  var target = $(this).attr('href');
    scrollTop : $(target).offset().top
Calculate the price
Make an order in advance and get the best price
Pages (550 words)
*Price with a welcome 15% discount applied.
Pro tip: If you want to save more money and pay the lowest price, you need to set a more extended deadline.
We know how difficult it is to be a student these days. That's why our prices are one of the most affordable on the market, and there are no hidden fees.

Instead, we offer bonuses, discounts, and free services to make your experience outstanding.
How it works
Receive a 100% original paper that will pass Turnitin from a top essay writing service
step 1
Upload your instructions
Fill out the order form and provide paper details. You can even attach screenshots or add additional instructions later. If something is not clear or missing, the writer will contact you for clarification.
Pro service tips
How to get the most out of your experience with TheBestPaperWriters
One writer throughout the entire course
If you like the writer, you can hire them again. Just copy & paste their ID on the order form ("Preferred Writer's ID" field). This way, your vocabulary will be uniform, and the writer will be aware of your needs.
The same paper from different writers
You can order essay or any other work from two different writers to choose the best one or give another version to a friend. This can be done through the add-on "Same paper from another writer."
Copy of sources used by the writer
Our college essay writers work with ScienceDirect and other databases. They can send you articles or materials used in PDF or through screenshots. Just tick the "Copy of sources" field on the order form.
See why 20k+ students have chosen us as their sole writing assistance provider
Check out the latest reviews and opinions submitted by real customers worldwide and make an informed decision.
excellent loved the services
Customer 452443, September 23rd, 2022
Business Studies
Excellent service - thank you!
Customer 452469, February 20th, 2023
The paper was EXCELLENT. Thank you
Customer 452449, September 23rd, 2022
Thanks a lot the paper was excellent
Customer 452453, October 26th, 2022
English 101
Very good job. I actually got an A
Customer 452443, September 25th, 2022
Business Studies
Job well done. Finish paper faster than expected. Thank you!
Customer 452451, October 3rd, 2022
Job well done and completed in a timely fashioned!
Customer 452451, November 18th, 2022
Excellent services will definitely come back
Customer 452441, September 23rd, 2022
Architecture, Building and Planning
The assignment was well written and the paper was delivered on time. I really enjoyed your services.
Customer 452441, September 23rd, 2022
Public Administration
Excellent timely work
Customer 452451, April 19th, 2023
Business Studies
Thank you!
Customer 452451, November 27th, 2022
Customer reviews in total
Current satisfaction rate
3 pages
Average paper length
Customers referred by a friend
15% OFF your first order
Use a coupon FIRST15 and enjoy expert help with any task at the most affordable price.
Claim my 15% OFF Order in Chat