SeatBelts/index.html at master · stackbaxter/SeatBelts · 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
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Project</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
    <link rel="stylesheet" href="projectstyle.css">
    <link rel="stylesheet" href="dist/aos.css" />
  </head>
  <body class="white gradient">
    <main>
<!-- HEADER -->
      <section class="headering wide">
        <div class="row wide flex-nowrap align-items-center no-gutters">
          <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 d-flex justify-content-start">
            <a href="./form/gform.html"
              class="headerbuttons d-flex justify-content-center align-items-center
              btn btn-primary btn-sm"
              role="button">
              Sign Up
            </a>
          </div>
          <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 d-flex justify-content-center">
            <a href="../index.html"><img src="./img/seatbeltlogo.png" class="seatbeltlogo" alt="seatbelt logo"></a>
          </div>
          <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 d-flex justify-content-end">
            <a href="rideindex.html"
              class="headerbuttons d-flex justify-content-center align-items-center
              text-center btn btn-primary btn-sm"
              role="button">
              Log In
            </a>
          </div>
        </div>
      </section>
<!-- MAININDEX -->
      <section class="wide">
        <div class="row sec1 img-fluid">
          <div class="sec101 col-xs-12 col-sm-12 col-md-12 col-lg-3 hidden-md-down
          paddingscoot d-flex justify-content-center text-center
          flex-column">
            <h3>START DRIVING TODAY!</h3>
            <ul class="text-left">
              <li>Sign up</li>
              <li>Receive confirmation email</li>
              <li>Start picking up passengers</li>
              <li>Get paid!</li>
            </ul>
          </div>
          <div class="col-xs-12 col-sm-12 col-md-12 col-lg-6 d-flex flex-column">
          </div>
          <div class="sec101 col-xs-12 col-sm-12 col-md-12 col-lg-3 hidden-md-down
          paddingscoot d-flex justify-content-center text-center flex-column">
            <h3>START RIDING TODAY!</h3>
            <ul class="text-left">
              <li>Sign up</li>
              <li>Receive confirmation email</li>
              <li>Click 'Request Ride' from our app</li>
              <li>Enjoy the ride!</li>
            </ul>
          </div>
          <!-- Not sure where to put this user quote. On hold here for now. -->
          <!-- <h1 class="mainmiddle itally">"The best ride share out there. This app is LIT"</h1> -->
        </div>
      </section>
<!-- DRIVE&RIDE -->
      <section class="wide">
        <div class="row flex-nowrap wide no-gutters">
          <div class="black hidden-md-down col-lg-2 offset-lg-2 d-flex flex-column text-center justify-content-center">
            <h4>DRIVERS</h4>
            <ul class="text-left">
              <li>Earn easy cash</li>
              <li>Set your own schedule</li>
              <li>Meet new people</li>
            </ul>
          </div>
          <div class="col-sm-6 col-md-6 col-lg-2 d-flex justify-content-end">
            <a href="drivewithus.html">
              <div class="white minorpic drivepic img-fluid d-flex align-items-center
              justify-content-center">
              <!-- https://media.giphy.com/media/ubHK98WGq6SuQ/giphy.gif -->
              DRIVE WITH US
              </div>
            </a>
          </div>
          <div class="col-sm-6 col-md-6 col-lg-2 d-flex justify-content-start">
            <a href="ridewithus.html">
              <div class="white minorpic riderpic img-fluid d-flex align-items-center
              justify-content-center">
              RIDE WITH US
              </div>
            </a>
          </div>
          <div class="black hidden-md-down col-lg-2 d-flex flex-column text-center justify-content-center">
            <h4>RIDERS</h4>
            <ul class="text-left">
              <li>No DWI's</li>
              <li>Work or study</li>
              <li>Watch your favorite movie</li>
            </ul>
          </div>
        </div>
      </section>
<!-- FOOTER -->
      <section class="foot white wide">
        <div class="row wide flex-nowrap no-gutters">
          <div class="col-sm-6 col-md-6 col-lg-6 d-flex justify-content-end">
            <a href="http://www.apple.com/itunes/charts/free-apps/">
              <div class="applestore img-fluid d-flex align-item-center
              justify-content-center">
              </div>
            </a>
          </div>
          <div class="col-sm-6 col-md-6 col-lg-6 d-flex justify-content-start">
            <a href="https://play.google.com/store/apps">
              <div class="googlestore img-fluid d-flex align-item-center
              justify-content-center">
              </div>
            </a>
          </div>
        </div>
        <div class="row flex-nowrap align-items-center no-gutters">
          <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 d-flex justify-content-start">
            <div class="infolinks white"><a href="faq.html">FAQ</a></div>
            <div class="infolinks white"><a href="dashboard.html">Dashboard</a></div>
            <div class="infolinks white"><a href="benefits.html">Benefits</a></div>
          </div>
          <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 d-flex justify-content-end">
            <a href="https://facebook.com">
              <i class="fa fa-3x fa-facebook-official white socials" aria-hidden="true"></i>
            </a>
            <a href="https://instagram.com">
              <i class="fa fa-3x fa-instagram white socials" aria-hidden="true"></i>
            </a>
            <a href="https://twitter.com">
              <i class="fa fa-3x fa-twitter-square white socials" aria-hidden="true"></i>
            </a>
          </div>
        </div>
      </section>
    </main>

    <script src="https://code.jquery.com/jquery-3.1.1.slim.min.js" integrity="sha384-A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous"></script>
    <script src="dist/aos.js"></script>
  </body>
</html>