basic-html/aboutme.html at master · dereklasky/basic-html · 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
<!DOCTYPE html>
<html>
	<head>
		<title>Derek Lasky</title>

        	<!--Compiled and minified CSS-->
        	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
        	<!--jQuery CDN-->
        	<script src="https://code.jquery.com/jquery-3.2.1.js"></script>
        	<!--Compiled and minified JavaScript-->
        	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

        	<link rel = "stylesheet" href = "CSSNEW.css">

    	</head>

	<body class = "row">
        	<div class = "container">
        	<header class = "row" >
            		<div class = "header">
                		<h1>Derek Lasky</h1>
            		</div>
        	</header>

    	<nav class="row navbar navbar-default">
        	<div class = "navbar-header">
                	<button class="navbar-toggle" data-toggle="collapse" data-target="#menu">Menu
            		</button>
            	</div>
        <div class = "collapse navbar-collapse" id="menu">
            <ul class="nav navbar-nav">
            <li><a href = "index.html">Home</a></li>
            <li><a href = "aboutme.html">About Me</a></li>
            <li><a href = "blockchain.html">Blockchain</a></li>
            </ul>
        </div>
    </nav>

         <main class = "row">
            <div class = "col-lg-12 col-md-12 col-sm-12 col-xs-12">
             <h2>Introduction</h2>
                 </div>
		 $.ajax({
  url: 'https://randomuser.me/api/',
  dataType: 'json',
  success: function(data) {
    console.log(data);
  }
});
                {
  "results": [
    {
      "gender": "male",
      "name": {
        "title": "mr",
        "first": "Derek",
        "last": "Lasky"
      },
      "location": {
        "street": "9278 new road",
        "city": "kilcoole",
        "state": "waterford",
        "postcode": "93027",
        "coordinates": {
          "latitude": "20.9267",
          "longitude": "-7.9310"
        },
        "timezone": {
          "offset": "-3:30",
          "description": "Newfoundland"
        }
      },
      "email": "derek.lasky@example.com",
      "login": {
        "uuid": "155e77ee-ba6d-486f-95ce-0e0c0fb4b919",
        "username": "silverswan131",
        "password": "firewall",
        "salt": "TQA1Gz7x",
        "md5": "dc523cb313b63dfe5be2140b0c05b3bc",
        "sha1": "7a4aa07d1bedcc6bcf4b7f8856643492c191540d",
        "sha256": "74364e96174afa7d17ee52dd2c9c7a4651fe1254f471a78bda0190135dcd3480"
      },
      "dob": {
        "date": "1993-07-20T09:44:18.674Z",
        "age": 26
      },
      "registered": {
        "date": "2002-05-21T10:59:49.966Z",
        "age": 17
      },
      "phone": "011-962-7516",
      "cell": "081-454-0666",
      "id": {
        "name": "PPS",
        "value": "0390511T"
      },
      "picture": {
        "large": "https://randomuser.me/api/portraits/men/75.jpg",
        "medium": "https://randomuser.me/api/portraits/med/men/75.jpg",
        "thumbnail": "https://randomuser.me/api/portraits/thumb/men/75.jpg"
      },
      "nat": "IE"
    }
  ],
  "info": {
    "seed": "fea8be3e64777240",
    "results": 1,
    "page": 1,
    "version": "1.3"
  }
}
        </main>


        <footer>Derek Lasky | Phone: 555-555-5555 | 123 Kelley Dr, Bloomington, IN 63502</footer>
        </div>
	</body>

</html>