-
Notifications
You must be signed in to change notification settings - Fork 0
/
useraccount.html
147 lines (134 loc) · 6.59 KB
/
useraccount.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
141
142
143
144
145
146
147
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>User Account</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="user.css">
<link rel="stylesheet" href="footer.css">
</head>
<body>
<nav class="header">
<span class="logo-top">Online Teacher Trainer</span>
<ul class="navigation">
<li class="nav-top"><a href="#" class="nav-top-a">HOME</a></li>
<li class="nav-top"><a href="#" class="nav-top-a">COURSES</a></li>
<li class="nav-top"><a href="#" class="nav-top-a">ABOUT</a></li>
<li class="nav-top"><a href="#" class="nav-top-a">CONTACT</a></li>
<li class="nav-top" id="apply"><a href="apply.html" class="nav-top-a">APPLY TO TEACH <span class="count">99+</span></a></li>
<!-- <li class="count">99+</li> -->
<!-- <li class="nav-acc">GUEST</li> -->
</ul>
<div class="rightside-container">
<!-- <input type="text" class="search-box" placeholder="Search"> -->
<!-- <button class="subscribe-button">GUEST</button> -->
<a href="#" class="account-top">GUEST</a>
<a href="#" class="account-top2">logout</a>
</div>
</nav>
<section class="user-all">
<div class="user-left">
<ul class="user-left-nav">
<li><a href="#" class="left-nav">Profile</a></li>
<li><a href="#" class="left-nav">Edit Profile</a></li>
<li><a href="#" class="left-nav">Edit Password</a></li>
<li><a href="#" class="left-nav">Upgrade to Premium</a></li>
</ul>
</div>
<div class="user-about">
<div class="user-name">
<div class="user-name-in">
<img src="devindi.png" alt="">
<div class="user-name-in-1">
<h3>Anjalika Devindi</h3>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Perferendis recusandae, sapiente vel nihil officiis, architecto illo enim sit similique hic ratione dolorum officia obcaecati expedita, corporis doloribus facilis quibusdam nostrum.</p>
<div class="user-edit-pic">
<button>Upload profile</button>
<button>Remove profile</button>
</div>
</div>
</div>
<div class="user-resource">
<button>Visit Resource Page</button>
<button>Manage Resource Page</button>
</div>
</div>
<div class="user-detail">
<div class="user-detail-left">
<span class="user-detail-up">First Name</span>
<span class="user-detail-down">Anjalika</span>
<span class="user-detail-up">username</span>
<span class="user-detail-down">devindi</span>
<span class="user-detail-up">Gender</span>
<button>Female</button>
<span class="user-detail-up">School</span>
<span class="user-detail-down">example</span>
<span class="user-detail-up">Location</span>
<span class="user-detail-down">Colombo</span>
</div>
<div class="user-detail-right">
<span class="user-detail-up">Last Name</span>
<span class="user-detail-down">Devindi</span>
<span class="user-detail-up">Email ID</span>
<span class="user-detail-down">devindi@gmail.com</span>
<span class="user-detail-up">Phone Number</span>
<span class="user-detail-down">+94 77 111 2222</span>
<span class="user-detail-up">School issued Id</span>
<span class="user-detail-down">CM1999</span>
<span class="user-detail-up">Address</span>
<span class="user-detail-down">152, Main Street</span>
</div>
</div>
</div>
</section>
<section class="user-all">
<p>Hello World!</p>
</section>
<footer>
<div class="footer-top-div">
<div class="footer-inner-div">
<h4 class="footer-inner-h4">Online_Teacher_Trainer</h4>
<ul>
<li><a href="#">email : support@otrainer.lk</a></li>
<li><a href="#">Tel : +94 11 256 5862</a></li>
<li><a href="#">Mob : +94 77 256 5862</a></li>
</ul>
</div>
<div class="footer-inner-div">
<h4 class="footer-inner-h4">Link</h4>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact us</a></li>
</ul>
</div>
<div class="footer-inner-div">
<h4 class="footer-inner-h4">Legal</h4>
<ul>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">Terms & Conditions</a></li>
<li><a href="#">Refund Policy</a></li>
</ul>
</div>
<div class="footer-inner-div">
<h4 class="footer-inner-h4">Payment Methods</h4>
<a href="#"><img src="pay/paypal.png" alt="payment" class="footer-inner-img"></a>
<a href="#"><img src="pay/visa.webp" alt="payment" class="footer-inner-img"></a>
<a href="#"><img src="pay/ipay.jpg" alt="payment" class="footer-inner-img"></a>
<a href="#"><img src="pay/master.jpg" alt="payment" class="footer-inner-img"></a>
</div>
<div class="footer-inner-div">
<h4 class="footer-inner-h4">Social Media</h4>
<a href="#"><img src="social/x.webp" alt="payment" class="footer-inner-img"></a>
<a href="#"><img src="social/whats.png" alt="payment" class="footer-inner-img"></a>
<a href="#"><img src="social/fb.webp" alt="payment" class="footer-inner-img"></a>
<a href="#"><img src="social/insta.webp" alt="payment" class="footer-inner-img"></a>
</div>
</div>
<span class="copy">
<p> © <a href="#">MLB_WBD_01.01_01 | 2023</a></p>
</span>
</footer>
</body>
</html>