This repository has been archived by the owner on Nov 7, 2019. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsettings.html
140 lines (138 loc) · 5.13 KB
/
settings.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
140
<!DOCTYPE html>
<html lang="en">
<head>
<!-- This is a work-in-progress design mockup for svlt/front -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="referrer" content="never">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Settings – Vault</title>
<link rel="stylesheet" href="assets/css/style.min.css">
</head>
<body>
<div class="navbar navbar-dark bg-primary navbar-fixed-top">
<div class="container">
<a class="navbar-brand" href=".">
<i class="icon icon-svlt"></i> <span>Vault</span>
</a>
<ul class="nav navbar-nav">
<li class="nav-item">
<a class="nav-link nav-link-home" href=".">Stream</a>
</li>
<li class="nav-item">
<a class="nav-link nav-link-user" href="profile.html">Profile</a>
</li>
<li class="nav-item">
<a class="nav-link nav-link-mail" href="messages.html">Messages</a>
</li>
</ul>
<div class="pull-xs-right">
<form class="form-inline navbar-form pull-xs-left">
<label class="sr-only" for="search">Search</label>
<input class="form-control form-control-sm" type="search" id="search" name="q" placeholder="Search">
</form>
<ul class="nav navbar-nav pull-xs-left">
<li class="nav-item">
<a class="nav-link" id="btn-notifications" href="notifications.html" title="Notifications">
<span class="sr-only">Notifications</span>
<i class="icon icon-bell"></i>
</a>
</li>
<li class="nav-item">
<div class="dropdown dropdown-nav-user">
<a class="nav-link" href="profile.html" id="ddUser" data-toggle="dropdown">
<img src="../app-design-img/profile-pics/men/49.jpg" class="profile-pic" alt>
</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="ddUser">
<a class="dropdown-item" href="profile.html">Profile</a>
<a class="dropdown-item active" href="settings.html">Settings</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="login.html">Log out</a>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-3">
<ul class="nav nav-pills nav-stacked">
<li class="nav-item">
<a href="#tab-profile" class="nav-link active" role="tab" data-toggle="tab">Profile</a>
</li>
<li class="nav-item">
<a href="#tab-subscription" class="nav-link" role="tab" data-toggle="tab">Subscription</a>
</li>
<li class="nav-item">
<a href="#tab-privacy" class="nav-link" role="tab" data-toggle="tab">Privacy and Security</a>
</li>
<li class="nav-item">
<a href="#tab-notifications" class="nav-link" role="tab" data-toggle="tab">Notifications</a>
</li>
<li class="nav-item">
<a href="#tab-delete" class="nav-link text-danger" role="tab" data-toggle="tab">Delete Account</a>
</li>
</ul>
</div>
<div class="col-md-9">
<div class="tab-content">
<div class="tab-pane active" id="tab-profile">
<h3>Profile</h3>
<p>Profile settings will be available soon.</p>
</div>
<div class="tab-pane" id="tab-subscription">
<h3>Subscription</h3>
<p>Subscription settings will be available soon.</p>
</div>
<div class="tab-pane" id="tab-privacy">
<h3>Privacy and Security</h3>
<p>Privacy and security will be available soon.</p>
</div>
<div class="tab-pane" id="tab-notifications">
<h3>Notifications</h3>
<p>Notification settings will be available soon.</p>
</div>
<div class="tab-pane" id="tab-delete">
<p class="lead">If you no longer want your account, you can delete it.</p>
<p>Please be aware that once deleted, your account can never be restored, as all data related to it is permanently removed.</p>
<button class="btn btn-danger" type="button" data-toggle="modal" data-target="#mdl-delete">Delete Account</button>
<div class="modal" id="mdl-delete">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
<h4 class="modal-title">Delete Account</h4>
</div>
<div class="modal-body">
<p>Are you sure you want to delete your account?</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">Cancel</button>
<a href="login.html" class="btn btn-sm btn-danger">Delete Account</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row row-copyright">
<div class="col-xs-4">
<p>© 2015 SafeWorks</p>
</div>
<div class="col-xs-8 text-right">
<nav class="nav">
<a class="nav-link" href="#">About</a>
<a class="nav-link" href="#">Terms</a>
<a class="nav-link" href="#">Help</a>
<a class="nav-link" href="https://github.com/svlt">GitHub</a>
</nav>
</div>
</div>
</div>
<script src="assets/js/script.min.js"></script>
</body>
</html>