-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathprofile.html
143 lines (142 loc) · 6.13 KB
/
profile.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>E-Gem</title>
<link rel="stylesheet" href="assets/css/all.css">
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/style.css">
<link rel="icon" type="image/x-icon" href="assets/images/icons/logo.png">
</head>
<body>
<header id="header">
<div class="container2">
<a href="#" id="logo">
<img src="assets/images/E-Gem logo.png" alt="Logo">
</a>
<label for="menuControl">
<i class="fa-regular fa-user user-icon" data-bs-toggle="modal" data-bs-target="#staticBackdrop"></i>
<!-- Modal -->
<div class="modal fade" id="staticBackdrop" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="staticBackdropLabel">Sign Now</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<!-- Nav tabs -->
<ul class="nav nav-tabs" id="myTabs" role="tablist">
<li class="nav-item" role="presentation">
<a class="nav-link active" id="tab1-tab" data-bs-toggle="tab" href="#tab1" role="tab" aria-controls="tab1" aria-selected="true">Sign In</a>
</li>
<li class="nav-item" role="presentation">
<a class="nav-link" id="tab2-tab" data-bs-toggle="tab" href="#tab2" role="tab" aria-controls="tab2" aria-selected="false">Sign Up</a>
</li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<div class="tab-pane fade show active" id="tab1" role="tabpanel" aria-labelledby="tab1-tab">
<!-- Content for Tab 1 -->
<p>This is the content of Tab 1.</p>
</div>
<div class="tab-pane fade" id="tab2" role="tabpanel" aria-labelledby="tab2-tab">
<!-- Content for Tab 2 -->
<p>This is the content of Tab 2.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<i class="fa-solid fa-bars"></i>
</label>
<input type="checkbox" id="menuControl">
<nav>
<a href="index.html#landing" class="active">Main</a>
<a href="index.html#training">Programs</a>
<a href="index.html#top-rated">Coach</a>
<a href="contact.html">Contact Us</a>
</nav>
<div class="part3">
<button>Choose Your Coach</button>
<i class="fa-regular fa-user" data-bs-toggle="modal" data-bs-target="#staticBackdrop2"></i>
<!-- Modal -->
<div class="modal fade" id="staticBackdrop2" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="staticBackdropLabel">Sign Now</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<!-- Nav tabs -->
<ul class="nav nav-tabs" id="myTabs" role="tablist">
<li class="nav-item" role="presentation">
<a class="nav-link active" id="tab1-tab" data-bs-toggle="tab" href="#tab1" role="tab" aria-controls="tab1" aria-selected="true">Sign In</a>
</li>
<li class="nav-item" role="presentation">
<a class="nav-link" id="tab2-tab" data-bs-toggle="tab" href="#tab2" role="tab" aria-controls="tab2" aria-selected="false">Sign Up</a>
</li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<div class="tab-pane fade show active" id="tab1" role="tabpanel" aria-labelledby="tab1-tab">
<!-- Content for Tab 1 -->
<p>This is the content of Tab 1.</p>
</div>
<div class="tab-pane fade" id="tab2" role="tabpanel" aria-labelledby="tab2-tab">
<!-- Content for Tab 2 -->
<p>This is the content of Tab 2.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<section>
Profile Section
<p>press <a href="work out.html">work out</a></p>
</section>
<footer>
<div class="container2">
<div class="contact-footer">
<h2>Contact Us</h2>
<div class="contact-info">
<p>Email<span>[email protected]</span></p>
<p>Phone<span>000 000 000 000</span></p>
<p>Address<span>Egypt Tanta</span></p>
</div>
</div>
<div class="about-gem">
<img src="assets/images/E-Gem logo.png" alt="Logo">
<p>Join thousands of young people in the most powerful follow-up and comprehensive
training program that will help you transform Reach your sports goals under the
supervision of professionals</p>
<div class="social">
<i class="fa-brands fa-facebook"></i>
<i class="fa-brands fa-linkedin"></i>
<i class="fa-brands fa-twitter"></i>
</div>
</div>
<div class="pages">
<h2>Pages</h2>
<a href="index.html#landing">Main</a>
<a href="index.html#training">Programs</a>
<a href="index.html#top-rated">Coach</a>
</div>
</div>
</footer>
<div class="copy">
<div class="container2">
<p>Copyright © E-Gem By Yahia</p>
</div>
</div>
<script src="assets/js/bootstrap.bundle.min.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>