ProjectAlpha/moverpage.html at master · CodeWaala/ProjectAlpha · 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
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <title>Muber</title>

    <!-- CSS  -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.js"></script>
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <link href="css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection"/>
    <link href="css/style.css" type="text/css" rel="stylesheet" media="screen,projection"/>
    <link href="css/moverpage.css" type="text/css" rel="stylesheet" media="screen,projection"/>
    <script src="https://www.gstatic.com/firebasejs/4.8.0/firebase.js"></script>
    <script
    src="https://code.jquery.com/jquery-3.2.1.min.js"
    integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
    crossorigin="anonymous"></script>

</head>
<body>
    <div class="navbar-fixed">
            <nav class="white" role="navigation">
                <div class="nav-wrapper container">
                  <a href="index.html" class="brand-logo"><i class="material-icons left">local_shipping</i>Muber</a>
                  <a href="moverpage.html" data-activates="mobile-demo" class="button-collapse"><i class="material-icons">menu</i></a>
                  <ul class="right hide-on-med-and-down">
                    <li><a href="customer-page.html">Customer</a></li>
                    <li><a href="moverpage.html">Mover</a></li>
                    <li><a href="help.html">Help</a></li>
                  </ul>
                </div>
            </nav>
        </div>
        <!-- Mobile Dropdown menu -->
    <ul class="side-nav" id="mobile-demo">
          <li><a href="customer-page.html">Customer</a></li>
          <li><a href="moverpage.html">Mover</a></li>
           <li><a href="help.html">Help</a></li>
        </ul>

        <!-- <nav>

            <form>
              <div class="input-field">
                <input id="search" type="search" required>
                <label class="label-icon" for="search"><i class="material-icons">search</i></label>
                <i class="material-icons">close</i>
              </div>
            </form>
          </div>
        </nav> -->
        <div class = "flex-box">
          <div class = "flex-1">
            <div class = "card small card-container">
              <!-- <div class ="card-container">
                 <div class="card customer-card">
                  <div class="card-image waves-effect waves-block waves-light">
                    <img class="activator" src="http://www.mymydiy.com/wp-content/uploads/2017/10/sofa.png">
                  </div>
                  <div class="card-content">
                    <span class="card-title activator grey-text text-darken-4">Card Title<i class="material-icons right">more_vert</i></span>
                    <p><a href="#">This is a link</a></p>
                  </div>
                  <div class="card-reveal">
                    <span class="card-title grey-text text-darken-4">Card Title<i class="material-icons right">close</i></span>
                    <p>Here is some more information about this product that is only revealed once clicked on.</p>
                  </div>
                </div> -->
            </div>
          <!-- End of flex-1 -->
          </div>
          <!-- Start of flex-2 -->
          <div class = "flex-2">
          <div id="map"></div>
          </div>
<!-- End of flexbox -->
        </div>


     <footer class="page-footer white">
        <div class="container">
          <div class="row">
            <div class="col l6 s12">
              <h5 class="black-text">Team Bio</h5>
              <p class="black-text text-lighten-4">A group of four guys who want to change the world. Just kidding. We just want to finish this project.</p>

            </div>
            <div class="col l3 s12">
              <h5 class="black-text">Settings</h5>
              <ul>
                <li><a class="black-text" href="customer-page.html">Customer</a></li>
                <li><a class="black-text" href="moverpage.html">Mover</a></li>
                <li><a class="black-text" href="#!">Help</a></li>
              </ul>
            </div>
            <div class="col l3 s12">
              <h5 class="black-text">Connect</h5>
              <ul>
                <a class="black-text" href="#!"><img src="images/facebook-icon.png"></a>
                <a class="black-text" href="#!"><img src="images/instagram-icon.png"></a>
                <a class="black-text" href="#!"><img src="images/twitter-icon.png"></a>
              </ul>
            </div>
          </div>
        </div>
        <!-- <div class="footer-copyright ">
            <div class="container">
                    <p class="black-text">© 2017 Muber Inc.</h5>
            </div> -->
          </div>
      <!-- </footer> -->
          <script src="js/materialize.js"></script>
          <script src="js/moverpage.js"></script>

    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDW2jclEKZ5j-zWenaspVMvdBekq60o1TQ&libraries=places&callback=initMap"
        async defer></script>
</body>
</html>