Advertisement
makispaiktis

Codecademy - 14th Course (HTML Example)

Oct 9th, 2019 (edited)
412
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 2.40 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.   <title>Please Participate in Our Survey!</title>
  5.   <link href="https://fonts.googleapis.com/css?family=Oswald:300,700|Varela+Round" rel="stylesheet">
  6.   <link rel="stylesheet" type="text/css" href="style.css">
  7. </head>
  8. <body>
  9.  
  10.   <header>
  11.     <ul>
  12.       <li>Question 1</li>
  13.       <li>Question 2</li>
  14.       <li>Question 3</li>
  15.       <li>Question 4</li>
  16.       <li>Question 5</li>
  17.     </ul>
  18.   </header>
  19.  
  20.   <div class="welcome">
  21.     <h1><strong>Welcome</strong> to our survey!</h1>
  22.     <p>We're looking forward to getting your answers so we can make sure our products and services are the best they can be!</p>
  23.   </div>
  24.  
  25.   <div class="question">
  26.     <h4>Question 1</h4>
  27.     <h2>I like participating in physical activity such as running, swimming, or biking.</h2>
  28.  
  29.     <div class="answer">
  30.       <h3>Disagree</h3>
  31.     </div>
  32.  
  33.     <div class="answer">
  34.       <h3>Neutral</h3>
  35.     </div>
  36.  
  37.     <div class="answer">
  38.       <h3>Agree</h3>
  39.     </div>
  40.   </div>
  41.  
  42.   <div class="question">
  43.     <h4>Question 2</h4>
  44.     <h2>I try to keep up to date with the latest fashion in active wear.</h2>
  45.  
  46.     <div class="answer">
  47.       <h3>Disagree</h3>
  48.     </div>
  49.  
  50.     <div class="answer">
  51.       <h3>Neutral</h3>
  52.     </div>
  53.  
  54.     <div class="answer">
  55.       <h3>Agree</h3>
  56.     </div>
  57.   </div>
  58.  
  59.   <div class="question">
  60.     <h4>Question 3</h4>
  61.     <h2>I purchase clothing online regularly.</h2>
  62.  
  63.     <div class="answer">
  64.       <h3>Disagree</h3>
  65.     </div>
  66.  
  67.     <div class="answer">
  68.       <h3>Neutral</h3>
  69.     </div>
  70.  
  71.     <div class="answer">
  72.       <h3>Agree</h3>
  73.     </div>
  74.   </div>
  75.  
  76.   <div class="question">
  77.     <h4>Question 4</h4>
  78.     <h2>I try to buy goods that are designed and/or manufactured in my home country.</h2>
  79.  
  80.     <div class="answer">
  81.       <h3>Disagree</h3>
  82.     </div>
  83.  
  84.     <div class="answer">
  85.       <h3>Neutral</h3>
  86.     </div>
  87.  
  88.     <div class="answer">
  89.       <h3>Agree</h3>
  90.     </div>
  91.   </div>
  92.  
  93.   <div class="question">
  94.     <h4>Question 5</h4>
  95.     <h2>I look to famous athletes when trying to choose what to wear when training.</h2>
  96.  
  97.     <div class="answer">
  98.       <h3>Disagree</h3>
  99.     </div>
  100.  
  101.     <div class="answer">
  102.       <h3>Neutral</h3>
  103.     </div>
  104.  
  105.     <div class="answer">
  106.       <h3>Agree</h3>
  107.     </div>
  108.   </div>
  109.  
  110.   <!-- Footer -->
  111.   <footer>
  112.     <h3>Thanks for taking our survey!</h3>
  113.   </footer>
  114.  
  115. </body>
  116. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement