forked from BraydenRoyston/hackthe6ix
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontacts.html
139 lines (121 loc) · 6.34 KB
/
contacts.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
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
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8" />
<title>HackThe6ix</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css"
integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<link rel="stylesheet" href="contactsDashboard.css">
<link rel="stylesheet" href="styleDashboard.css">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300&display=swap" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>
<style>
.img-container {
text-align: center;
}
</style>
</head>
<body>
<div class="row" id="mainRow">
<div class="col-md-2 my-col" id="sideNavCol">
<img src="img/profile.png" alt="" id="navLogo">
<img src="img/logo.png" alt="" id = "logo">
<p id="customerNameNav">Brayden Royston</p>
<div class="sidenav">
<a href="dashboard.html">At a Glance</a>
<a href="accountBalances.html">Account Balances</a> <!-- Brayden -->
<a href="contacts.html" id="active">Contacts</a> <!-- Vedant -->
<a href="pastTransactions.html">Past Transactions</a> <!-- Brayden -->
<a href="assetPortfolio.html">Asset Portfolio</a> <!-- Brayden -->
<a href="ubankVoice.html">UBank Voice</a> <!-- Vedant -->
</div>
</div>
<div class="col-md-5 my-col" id="col1">
<div class="row my-row" id="sectionTitle">
<h3 id="col1Title">Your Contacts</h3>
</div>
<div class="row my-row" id="contacts">
<div class="col-md-12 my-col">
<div class="row my-row" id="transferRow">
<div class="accountContainer">
<img src="img/profile.png" alt="" id="transferImg">
<p id="name">Vedant Shah</p>
<p id="email">[email protected]</p>
<p id="phone">123456789</p>
</div>
</div>
<div class="row my-row" id="transferRow">
<div class="accountContainer">
<img src="img/profile.png" alt="" id="transferImg">
<p id="name">Dhruv Shah</p>
<p id="email">[email protected]</p>
<p id="phone">123456789</p>
</div>
</div>
<div class="row my-row" id="transferRow">
<div class="accountContainer">
<img src="img/profile.png" alt="" id="transferImg">
<p id="name">Elon Musk</p>
<p id="email">[email protected]</p>
<p id="phone">123456789</p>
</div>
</div>
<div class="row my-row" id="transferRow">
<div class="accountContainer">
<img src="img/profile.png" alt="" id="transferImg">
<p id="name">Bill Gates</p>
<p id="email">[email protected]</p>
<p id="phone">123456789</p>
</div>
</div>
<div class="row my-row" id="transferRow">
<div class="accountContainer">
<img src="img/profile.png" alt="" id="transferImg">
<p id="name">Sundar Pichai</p>
<p id="email">[email protected]</p>
<p id="phone">123456789</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-5 my-col" id="col2">
<div class="form-container">
<h3 id="col1Title">Add Contact</h3>
<div class="img-container">
<img src="img/addcontacts.png" alt="" id="addContact">
</div>
<form id="add-contact">
<div class="form-group">
<label for="exampleInputName1">Name</label>
<input type="name" class="form-control" id="exampleInputName1" placeholder="John Doe">
<label for="exampleInputEmail1">Email</label>
<input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp"
placeholder="[email protected]">
<small id="emailHelp" class="form-text text-muted"></small>
<label for="exampleInputNumber1">Phone Number</label>
<input type="email" class="form-control" id="exampleInputNumber1" aria-describedby="emailHelp"
placeholder="+1 123 456 7890">
<label for="myfile">Select an image:</label>
<input type="file" id="myfile" name="myfile">
</div>
<a href="contacts.html" class="btn btn-primary">Add Contact</a>
</form>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"
integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"
integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI"
crossorigin="anonymous"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.js"></script>
<script src="main.js"></script>
</body>
</html>