1
+
2
+ <!DOCTYPE html>
3
+ <html lang="en">
4
+
5
+ <head>
6
+ <title>Admin || Izumi</title>
7
+ <!-- Head -->
8
+ <?php include "head.php " ;?>
9
+
10
+ </head>
11
+
12
+ <body>
13
+ <div class="page-wrapper default-theme sidebar-bg bg1 toggled">
14
+ <!-- navbar -->
15
+ <?php include "navbar.php " ;?>
16
+
17
+ <!-- page-content -->
18
+ <main class="page-content pt-2 neumorphic3">
19
+ <div id="overlay" class="overlay"></div>
20
+ <div class="container">
21
+ <div class="main-body">
22
+
23
+ <!-- Breadcrumb -->
24
+ <nav aria-label="breadcrumb" class="main-breadcrumb neumorphic4">
25
+ <ol class="breadcrumb">
26
+ <li class="breadcrumb-item"><a href="home.php">Home</a></li>
27
+ <li class="breadcrumb-item"><a href="about.php">About</a></li>
28
+ <li class="breadcrumb-item active" aria-current="page">Sana Izumi</li>
29
+ </ol>
30
+ </nav>
31
+ <!-- /Breadcrumb -->
32
+
33
+ <div class="row gutters-sm">
34
+ <div class="col-md-4 mb-3">
35
+ <div class="card neumorphic4 inset3" style="border: none;">
36
+ <div class="card-body">
37
+ <div class="d-flex flex-column align-items-center text-center">
38
+ <img src="image/Preset3.jpg" alt="Admin" class="rounded-circle" width="150">
39
+ <div class="mt-3">
40
+ <h4>Sana Izumi</h4>
41
+ <p class="text-secondary mb-1">Computer Science Student</p>
42
+ <p class="text-muted font-size-sm">Nishitokyo, Tokyo, Japan</p>
43
+ <button class="btn btn-primary">Follow</button>
44
+ <button class="btn btn-outline-primary">Message</button>
45
+ </div>
46
+ </div>
47
+ </div>
48
+ </div>
49
+ <div class="card mt-3" style="border: none;">
50
+ <ul class="list-group list-group-flush">
51
+ <li class="list-group-item d-flex justify-content-between align-items-center flex-wrap neumorphic4 inset3">
52
+ <h6 class="mb-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-globe mr-2 icon-inline"><circle cx="12" cy="12" r="10"></circle><line x1="2" y1="12" x2="22" y2="12"></line><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"></path></svg>Website</h6>
53
+ <a href="" style="text-decoration: none;"><span class="text-secondary">N/A</span></a>
54
+ </li>
55
+ <li class="list-group-item d-flex justify-content-between align-items-center flex-wrap neumorphic4 inset3">
56
+ <h6 class="mb-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-github mr-2 icon-inline"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg>Github</h6>
57
+ <a href="https://github.com/Sana-Izumi" style="text-decoration: none;"><span class="text-secondary">github.com/Sana-Izumi</span></a>
58
+ </li>
59
+ <li class="list-group-item d-flex justify-content-between align-items-center flex-wrap neumorphic4 inset3">
60
+ <h6 class="mb-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-twitter mr-2 icon-inline text-info"><path d="M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z"></path></svg>Twitter</h6>
61
+ <a href="https://twitter.com/SAmuiziAN" style="text-decoration: none;"><span class="text-secondary">@SAmuiziAN</span></a>
62
+ </li>
63
+ <li class="list-group-item d-flex justify-content-between align-items-center flex-wrap neumorphic4 inset3">
64
+ <h6 class="mb-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-instagram mr-2 icon-inline text-danger"><rect x="2" y="2" width="20" height="20" rx="5" ry="5"></rect><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path><line x1="17.5" y1="6.5" x2="17.51" y2="6.5"></line></svg>Instagram</h6>
65
+ <a href="https://www.instagram.com/sana_izm37" style="text-decoration: none;"><span class="text-secondary">/sana_izm37</span></a>
66
+ </li>
67
+ <li class="list-group-item d-flex justify-content-between align-items-center flex-wrap neumorphic4 inset3">
68
+ <h6 class="mb-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-facebook mr-2 icon-inline text-primary"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"></path></svg>Facebook</h6>
69
+ <a href="https://www.facebook.com/sana.izumi.4" style="text-decoration: none;"><span class="text-secondary">//sana.izumi.4</span></a>
70
+ </li>
71
+ </ul>
72
+ </div>
73
+ </div>
74
+ <div class="col-md-8">
75
+ <div class="card mb-3 neumorphic4 inset4">
76
+ <br>
77
+ <div class="card-body">
78
+ <div class="row">
79
+ <div class="col-sm-3">
80
+ <h6 class="mb-0">Full Name</h6>
81
+ </div>
82
+ <div class="col-sm-9 text-secondary">
83
+ Sana Izumi
84
+ </div>
85
+ </div>
86
+ <hr>
87
+ <div class="row">
88
+ <div class="col-sm-3">
89
+ <h6 class="mb-0">Email</h6>
90
+ </div>
91
+ <div class="col-sm-9 text-secondary">
92
+
93
+ </div>
94
+ </div>
95
+ <hr>
96
+ <div class="row">
97
+ <div class="col-sm-3">
98
+ <h6 class="mb-0">Telephone</h6>
99
+ </div>
100
+ <div class="col-sm-9 text-secondary">
101
+ (+81)80 - 7944 - 3332
102
+ </div>
103
+ </div>
104
+ <hr>
105
+ <div class="row">
106
+ <div class="col-sm-3">
107
+ <h6 class="mb-0">Mobile</h6>
108
+ </div>
109
+ <div class="col-sm-9 text-secondary">
110
+ (+63)945 - 185 - 5167
111
+ </div>
112
+ </div>
113
+ <hr>
114
+ <div class="row">
115
+ <div class="col-sm-3">
116
+ <h6 class="mb-0">Address</h6>
117
+ </div>
118
+ <div class="col-sm-9 text-secondary">
119
+ Yagisawa, Nishitokyo-shi, Tokyo, Japan
120
+ </div>
121
+ </div>
122
+ <br>
123
+ </div>
124
+ </div>
125
+ <div class="row gutters-sm">
126
+ <div class="col-sm-6 mb-3">
127
+ <div class="card h-100 neumorphic4 inset5">
128
+
129
+ <div class="card-body">
130
+ <h6 class="d-flex align-items-center mb-3"><i class="material-icons text-info mr-2">Skills and Qualifications</i></h6>
131
+ <small>Web Design</small>
132
+ <div class="progress mb-3" style="height: 5px">
133
+ <div class="progress-bar bg-primary" role="progressbar" style="width: 80%" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100"></div>
134
+ </div>
135
+ <small>Website Markup</small>
136
+ <div class="progress mb-3" style="height: 5px">
137
+ <div class="progress-bar bg-primary" role="progressbar" style="width: 72%" aria-valuenow="72" aria-valuemin="0" aria-valuemax="100"></div>
138
+ </div>
139
+ <small>One Page</small>
140
+ <div class="progress mb-3" style="height: 5px">
141
+ <div class="progress-bar bg-primary" role="progressbar" style="width: 89%" aria-valuenow="89" aria-valuemin="0" aria-valuemax="100"></div>
142
+ </div>
143
+ <small>Mobile Template</small>
144
+ <div class="progress mb-3" style="height: 5px">
145
+ <div class="progress-bar bg-primary" role="progressbar" style="width: 40%" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100"></div>
146
+ </div>
147
+ <small>Backend API</small>
148
+ <div class="progress mb-3" style="height: 5px">
149
+ <div class="progress-bar bg-primary" role="progressbar" style="width: 40%" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100"></div>
150
+ </div>
151
+ </div>
152
+ </div>
153
+ </div>
154
+ <div class="col-sm-6 mb-3">
155
+ <div class="card h-100 neumorphic4 inset5">
156
+ <div class="card-body">
157
+ <h6 class="d-flex align-items-center mb-3"><i class="material-icons text-info mr-2">Additional Skills</i> </h6>
158
+ <small>Photoshop</small>
159
+ <div class="progress mb-3" style="height: 5px">
160
+ <div class="progress-bar bg-primary" role="progressbar" style="width: 90%" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100"></div>
161
+ </div>
162
+ <small>Illustrator</small>
163
+ <div class="progress mb-3" style="height: 5px">
164
+ <div class="progress-bar bg-primary" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
165
+ </div>
166
+ </div>
167
+ </div>
168
+ </div>
169
+ </div>
170
+ </div>
171
+ </div>
172
+ </div>
173
+ </div>
174
+
175
+ <!-- footer -->
176
+ <?php include "footer.php " ;?>
177
+
178
+ </main>
179
+ </div>
180
+
181
+ <!-- using local scripts -->
182
+ <?php include "script.php " ;?>
183
+ </body>
184
+
185
+ </html>
0 commit comments