database/services.html at develop · KROM-TECH/database · 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
<!DOCTYPE html>
<html>

<head>
  <!--Import Google Icon Font-->
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  <!--Import materialize.css-->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
  <link rel="stylesheet" href="./css/custom.css">

  <!--Let browser know website is optimized for mobile-->
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head>
<nav>
  <div class="nav-wrapper white">
    <a href="#" class="brand brand-logo left "><img class=" image responsive-img " src="./img/nav.png" alt=""></a>
    <a href="#" data-target="mobile-demo" class="sidenav-trigger right"><i
        class=" black-text material-icons">menu</i></a>
    <ul id="nav-mobile" class="black-text right hide-on-med-and-down">
      <li><a href="index.html" class="black-text">Home</a></li>
      <li><a href="services.html" class="black-text">Services</a></li>
      <li><a href="form.html" class="black-text">Apply</a></li>
      <li><a href="contact.html" class="black-text">Contact Us</a></li>
    </ul>
  </div>
</nav>
<ul class="sidenav" id="mobile-demo" style="max-width:52rem;">
  <i class=" black-text material-icons right sidenav-close">close</i>
  <br> <br> <br>
  <li><a href="index.html">Home</a></li>
  <li><a href="services.html">Services</a></li>
  <li><a href="form.html">Apply</a></li>
  <li><a href="contact.html">Contact Us</a></li>
</ul>


<body>


  <section>
    <div class="container center">
      <p>Select the institution and service you looking for <br> And Search <br>It's that simple</p>
      <br> <br>
      <div class="input-field col s12">
        <select id="university">
          <option value="" disabled selected>Choose your option</option>
          <option value="unilag">University of Lagos</option>
          <option value="ui">University of Ibadan</option>
          <option value="unn">University of Nigeria</option>
          <option value="oau">Obafemi Awolowo University</option>
          <option value="cu">Covenant University</option>
          <option value="uniben">University of Benin</option>
          <option value="unilorin">University of Ilorin</option>
          <option value="abu">Ahmadu Bello University</option>
          <option value="uniabj">University of Abuja</option>
          <option value="futa">Federal University of Technology, Akure</option>
          <option value="futmina">Federal University of Technology, Minna</option>
          <option value="fuaa">Federal University of Agriculture, Abeokuta</option>
          <option value="abu2">Afe Babalola University</option>
          <option value="lautech">Ladoke Akintola University of Technology</option>
          <option value="futo">Federal University of Technology, Owerri</option>
          <option value="lu">Landmark University</option>
          <option value="lsu">Lagos State University</option>
          <option value="bu">Bowen University</option>
          <option value="ru">Redeemer's University</option>
        </select>
        <label>University</label>
        <span class="helper-text" data-error="wrong" data-success="right">If your University isn't on the list, pls make
          a request on any of our contact platform</span>
      </div>

      <div class="input-field col s12">
        <select id="service">
          <option value="" disabled selected>Choose your option</option>
          <option value="viewAll">View All Services</option>
          <option value="accomodation">Accomodation Services</option>
          <option value="catering">Catering Services</option>
          <option value="comestic accessories">Cosmetic accessories Services</option>
          <option value="event Planning">Event Planning Services</option>
          <option value="graphics design">Graphics design Services</option>
          <option value="hyper/PR">Hyperman/PR Services</option>
          <option value="logistics">Logistics/delivery Services</option>
          <option value="make-up">Make-up Services</option>
          <option value="past questions">Past Questions Services</option>
          <option value="photoghrapy">Photography Services</option>
          <option value="printing">Printing Services</option>
          <option value="tech accessories">Tech accessories Services</option>
          <option value="tutorial">Tutorial Services</option>
        </select>
        <label>Services</label>
        <span class="helper-text" data-error="wrong" data-success="right">You can request for any service that isn't
          here</span>
      </div>

      <div class="row center">
        <button type="submit" id="search" class=" waves-effect waves-light btn"><i
            class="material-icons right">search</i>Search</button>
      </div>
    </div>
  </section>
  <div class="divider"></div>
  <div class="divider"></div>
  <div class="divider"></div>
  <section>

    <div class="row center" style="margin-top: 2rem;">
      <p>Below are the search results for <span id="result">result</span> in the above university</p>
    </div>
    <ul class="collapsible">

    </ul>

  </section>


  <!--JavaScript at end of body for optimized loading-->
  <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
  <script>
    M.AutoInit();
  </script>

  <!--Firebase App(the core Firebase SDK) is always required and must be listed first-->
  <script src="https://www.gstatic.com/firebasejs/7.14.4/firebase-app.js"></script>

  <!--If you enabled Analytics in your project, add the Firebase SDK for Analytics-->
  <script src="https://www.gstatic.com/firebasejs/7.14.4/firebase-analytics.js"></script>

  <!--Add Firebase products that you want to use-->
  <script src="https://www.gstatic.com/firebasejs/7.14.4/firebase-auth.js"></script>
  <script src="https://www.gstatic.com/firebasejs/7.14.4/firebase-firestore.js"></script>
  <script src="./js/fire.js"></script>
  <script>
    // Initialize Firebase
    firebase.initializeApp(firebaseConfig);
    firebase.analytics();
    db = firebase.firestore()
  </script>


  <script src="./js/get.js"></script>
</body>

</html>