finalExamples/index.html at master · DimiDimov/finalExamples · 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
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Lab 9</title>
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" />
        <link rel="stylesheet" href="static/main.css" />

          <!-- leaflet libraries
    	<script src="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.js"></script>
   		<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.css" />
		-->

   		<!-- <script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAM0ju-6R-nDX9bkLFVswWNZE4q5afd5x4&callback=initMap"
  type="text/javascript"></script>-->

   		 <!-- Load Leaflet from CDN -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/leaflet/1.0.0-beta.2/leaflet.css" />
    <script src="https://cdn.jsdelivr.net/leaflet/1.0.0-beta.2/leaflet.js"></script>

   		<!-- Esri Leaflet -->
    <script src="https://cdn.jsdelivr.net/leaflet.esri/2.0.0-beta.8/esri-leaflet.js"></script>
    <!-- Esri Leaflet Geocoder -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/leaflet.esri.geocoder/2.0.3/esri-leaflet-geocoder.css">
    <script src="https://cdn.jsdelivr.net/leaflet.esri.geocoder/2.0.3/esri-leaflet-geocoder.js"></script>

   		<!--<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.6/angular.min.js"></script>-->

        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-beta1/jquery.js"></script>
        <script src="static/main.js"></script>
    </head>
    <body>
        <header>
            <h1>Final Project Group 2</h1>
        </header>
        <div class="login-inputs col-md-5">
          <p>make a donation as a previous donor</p>
          <span>email: <input type="text" id="password1"/></span>
          <span>Donation amount: <input type="text" id="username1"/></span>
          <span>Payment method: <input type="text" id="password1"/></span>
          <button id="submit1">Submit</button>
          <span id="result1"></span>
          <div id="map"></div>
        </div>
         <div  class="login-inputs col-md-5">
          <p>Make a donation as a new donor</p>
          <span>First Name: <input type="text" id="username2"/></span>
          <span>Last Name: <input type="text" id="password2"/></span>
          <span>Phone: <input type="text" id="password2"/></span>
          <span>Email: <input type="text" id="password2"/></span>
          <span>Address Line 1: <input type="text" id="password2"/></span>
          <span>Line 2: <input type="text" id="password2"/></span>
          <span>City: <input type="text" id="password2"/></span>
          <span>State Code: <input type="text" id="password2"/></span>
          <span>Donation amount: <input type="text" id="password2"/></span>
  <!--        <span>Payment type:</span>
          <form action="">
 		  <input type="radio" name="gender" value="male"> Check
  		  <input type="radio" name="gender" value="female"> Cash
 		  <input type="radio" name="gender" value="other"> Credit Card
		  </form>
		  <span>Credit Card: <input type="checkbox" ng-model="checked" aria-label="Toggle ngHide"></span>
		  <div class="check-element" ng-show="checked">
		  	<span>Card number: <input type="text" id="password2"/></span>
          	<span>CSV: <input type="text" id="password2"/></span>
		  </div>
-->
          <button id="submit2">Submit</button>
          <span id="result2"></span>
        </div>

    </body>
</html>