diff options
| author | 9308233900 <reagan_hunt@brown.edu> | 2021-04-17 01:59:47 -0700 |
|---|---|---|
| committer | 9308233900 <reagan_hunt@brown.edu> | 2021-04-17 01:59:47 -0700 |
| commit | c1bcc55be1ada49e63a7cfd49c36695019e36658 (patch) | |
| tree | 72fc85ac1eaecbf539c9c70dbdbde3637b68102d /landing.html | |
| parent | ac87bb66d29f550a79989f9ab471a5f640f6eb50 (diff) | |
sidebar contrast bug fixed, landing page started
Diffstat (limited to 'landing.html')
| -rw-r--r-- | landing.html | 83 |
1 files changed, 83 insertions, 0 deletions
diff --git a/landing.html b/landing.html new file mode 100644 index 0000000..80bb9dc --- /dev/null +++ b/landing.html @@ -0,0 +1,83 @@ +<!DOCTYPE html> +<html lang=""> + <head> + <meta charset="utf-8"> + <title>WatchDogLanding</title> + <link rel="stylesheet" href="react-frontend/src/css/Landing.css"> + </head> + <body> + <div class="nav-bar"> + <div class="topnav"> + <a href="#about">About</a> + <a href="#contact">Contact</a> + <a href="#news">News</a> + <a class="active" href="#home">Home</a> + </div> + </div> + <main> + + <section class="intro">Hello welcome to watchdog + <button>ENTER WATCHDOGS</button> + </section> + + <section class="app-preview">pic preview</section> + + <section id="app-intro"> + <h1 class="s-i-p-heading"> Our App </h1> + <p class="s-i-p-text">subtitle</p> + <p>who we are; our inspiration; purpose of our app: who for, what it's not</p> + <div>our data</div> + <div>our algorithm</div> + </section> + + <section id="team"> + <div class="s-i s2-i-s"> + <div id="s3-i-t-p" class="s-i-p"> + <h1 id="s-i-p-heading-team" class="s-i-p-heading">Meet the Team</h1> + <p id="s-i-p-heading-text">subtext</p> + + <div id="s-i-p-team-c"> + <div class="s-i-p-team-person-c"> + <div class="s-i-p-team-person"> + <img src="" height="100%"> + </div> + <p class="s-i-p-team-text">Clark</p> + <p class="s-i-p-team-text">subtxt</p> + </div> + + <div class="s-i-p-team-person-c"> + <div class="s-i-p-team-person"> + <img src="" height="100%"> + </div> + <p class="s-i-p-team-text">Julia</p> + <p class="s-i-p-team-text">subtxt</p> + </div> + + <div class="s-i-p-team-person-c"> + <div class="s-i-p-team-person"> + <img src="" height="100%"> + </div> + <p class="s-i-p-team-text">Michael</p> + <p class="s-i-p-team-text">subtxt</p> + </div> + + <div class="s-i-p-team-person-c"> + <div class="s-i-p-team-person"> + <img src="" height="100%"> + </div> + <p class="s-i-p-team-text">Reagan</p> + <p class="s-i-p-team-text">subtxt</p> + </div> + </div> + </div> + </div> + </section> + </main> + + <footer id="footer"> + <div class="footer-item">Disclaimer</div> + <div class="footer-item">Other</div> + </footer> + + </body> +</html> |