Advertisement
makispaiktis

Codecademy - 18th Exercise - ToDoApp(HTML)

Dec 9th, 2019 (edited)
514
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 1.98 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <head>
  5.   <title>To Do App</title>
  6.   <link rel="stylesheet" href="style.css" type="text/css">
  7.   <link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet">
  8.   <link href="https://fonts.googleapis.com/css?family=Rock+Salt" rel="stylesheet">
  9. </head>
  10. <body>
  11.  
  12.   <!-- Header -->
  13.  
  14.   <div id="header">
  15.     <h1>To Do or Not To Do</h1>
  16.     <h2 class="tagline">(your priorities at a glance)</h2>
  17.   </div>
  18.  
  19.   <!-- App Container -->
  20.  
  21.   <div class="container">
  22.  
  23.     <!-- To Do Section -->
  24.  
  25.     <div class="week">
  26.       <div class="row secondary-background">
  27.         <div class="day square"><h3>MON</h3></div>
  28.         <div class="task square">
  29.           <p> Insert some information about your week here :) </p>
  30.         </div>
  31.         <div class="task square"></div>
  32.         <div class="task square"></div>
  33.       </div>
  34.       <div class="row">
  35.         <div class="day square"><h3>TUE</h3></div>
  36.         <div class="task square"></div>
  37.         <div class="task square"></div>
  38.         <div class="task square"></div>
  39.       </div>
  40.       <div class="row secondary-background">
  41.         <div class="day square"><h3>WED</h3></div>
  42.         <div class="task square"></div>
  43.         <div class="task square"></div>
  44.         <div class="task square"></div>
  45.       </div>
  46.       <div class="row">
  47.         <div class="day square"><h3>THU</h3></div>
  48.         <div class="task square"></div>
  49.         <div class="task square"></div>
  50.         <div class="task square"></div>
  51.       </div>
  52.       <div class="row secondary-background">
  53.         <div class="day square"><h3>FRI</h3></div>
  54.         <div class="task square"></div>
  55.         <div class="task square"></div>
  56.         <div class="task square"></div>
  57.       </div>
  58.     </div>
  59.  
  60.     <!-- Reminders Section -->
  61.  
  62.     <div class="reminders">
  63.       <h3>Reminders</h3>
  64.     </div>
  65.   </div>
  66.  
  67.   <!-- Footer -->
  68.  
  69.   <footer>
  70.     <span class="tagline">copyright nottodo.com</span>
  71.   </footer>
  72. </body>
  73. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement