marketing-ui/index.html at master · luncherbw0719/marketing-ui · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
<!doctype html>

<html lang="en"><!--head-->
<head>
    <!--Import Google Icon Font-->
    <link href="https://fonts.googleapis.com/css?family=Knewave|Pangolin|Permanent+Marker&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Permanent+Marker&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Pangolin|Permanent+Marker&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Abel&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <!--Import materialize.css-->
    <link type="text/css" rel="stylesheet" href="css/materialize.min.css"  media="screen,projection"/>
    <link rel="stylesheet" href="css/index.css">

    <!--Let browser know website is optimized for mobile-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
</head><!--head-->
<div class="home"> <!--container-->
<body>

  <header >
      <section class="logo">
        <img src="images/luncherlogo.png"></img>
      </section>

    </img>
</header>
<div class="navigation">
        <nav>
            <a class="navbtn" href ="index.html">Home</a>
            <a class="navbtn"href="about.html">About</a>
            <a class="navbtn"href="#">Find Schools</a>
            <a class="navbtn"href="contact.html">Contact Us</a>
            </nav>
          </div>

     <div class="topcontent">
        <div class="video">
            <iframe width="853" height="480" src="https://www.youtube.com/embed/tWXkX9axcWs" frameborder="0" allowfullscreen></iframe>
          </div>
    <section class="mission">
      <h3>Our Mission</h3>
      <p>There are kids today in this country who go without student lunches. This app allows schools to broadcast the needs of their students by declaring an amount of donations that they would need to be fullfilled in order to provide lunches for those that go without.
        </p>
      <section class= "login">
            <a class ="loginbtn" href="#"><h4>Log In</h4></a>
            <a class = "loginbtn" href="#"><h4>Sign Up</h4></a>
            </section>
</section>
     </div>
     <div class = "middlecontent">
         <img src="images/pic02.jpg"></img>
         <section class="local">
         <h3>Local Schools, Local Families</h3>
         <p>Luncher provides a unique opprotunity to help, not just children from all over the world but those in schools on your block too. Luncher seeks to address the issue of child hunger directly, by allowing users to donate to a school in need. This means you can donate to any school, in any state, at any time. Our schools have kids that need your help, sign up or log in today and help make a difference. </p>
         <a class ="findschool" href="#"> <h4>Find Schools Near Me</h4></a>
        </section>
     </div>
     <div class ="bottomcontent">
         <section class="Getinvolved">
             <h4>Get Involved</h4>
             <p>Create an account, and in seconds you could provide a meal to a child in need, its free and easy to use! were accesible on phones, tablets, and regular desktop so theres no reason not to start making a difference today! We promise 100% of funds you donate will go directly to the school you chose to sponser, Luncher is a non-profit organization and our mission is to make a difference not a profit!</p>
             <a class="login" href="#"><h3>Make a Difference</h3></a>
         </section>
             </div>
        <footer>
            <p>Luncher Copyright 2019</p>
        </footer>
</body>
</div><!-- container -->
</html>