-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathindex.html
68 lines (57 loc) · 2.81 KB
/
index.html
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
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Micro Social Directory</title>
<link rel="shortcut icon" href="img/favicon.png">
<link href="css/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
<link href='https://fonts.googleapis.com/css?family=Roboto:500,300,700,400' rel='stylesheet' type='text/css'>
<link href="css/style.css" rel="stylesheet" />
<script src="js/angular/angular.min.js"></script>
</head>
<body ng-app="myApp" ng-init="myValue1=true;myValue=false">
<nav class="navbar navbar-inverse">
<h1><i><b>Micro Social Directory Using AngularJs</b></i></h1>
</nav>
<div class="main" ng-controller="MainController">
<div class="container">
<div ng-repeat="i in mydata.results" class="col-lg-6">
<div class="row top-buffer">
<div class="thumbnail">
<div ng-hide="selected.index===$index " ng-click="selected.index=$index">
<p class="price"><b>{{ i.name.title }} {{i.name.first}} {{i.name.last}}</b></p>
<p class="email"><b> <br/>{{i.email}}</b></p>
</div>
<div ng-show="selected.index===$index" class="data">
<span>
<p> Name: {{i.name.title}} {{i.name.first}} {{i.name.last}}</p>
<p> Gender: {{i.gender}}</p>
<p> Adress: {{i.location.street}} {{i.location.city}} {{i.location.state}}</p>
<p> Email: {{i.email}}</p>
<p> Dob: {{i.dob}}</p>
<p> Phone: {{i.phone}}</p>
<p> Username: {{i.login.username}}</p>
<p> password: {{i.login.password}}</p>
<p> Registered: {{i.registered}} </p>
<p> Md5 : {{i.login.md5}}</p>
</span>
<div class="shyam">
<p ng-click="selected.index=$index+1">x</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer">
<div class="container">
<h2><b><i>Project by Shyam Tayal<a href="https://github.com/shyam2tayal"> <img src="img/github2.png" width="5%" height="5%"></a><a href="https://www.facebook.com/Sam007tayal"> <img src="img/fb.ico" width="5%" height="5%"></a></i></b> </h2>
</div>
</div>
<!-- Modules -->
<script src="js/app.js"></script>
<!-- Controllers -->
<script src="js/controllers/MainController.js"></script>
</body>
</html>