Skip to content

Commit 6309e32

Browse files
Illustre13Illustre13
committed
Added Switching Tabs Component on the Admin Dashboard
1 parent 5bf4052 commit 6309e32

10 files changed

+962
-640
lines changed

‎add_article.html

+5-17
Original file line numberDiff line numberDiff line change
@@ -13,33 +13,17 @@
1313
src="https://kit.fontawesome.com/aa4811ab5f.js"
1414
crossorigin="anonymous"
1515
></script>
16-
<script src="script/profile.js"></script>
17-
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
18-
<script src="script/hero_text.js"></script>
19-
<script src="script/skills.js"></script>
20-
<script src="script/scroll.js"></script>
21-
<script src="script/general.js"></script>
22-
<script
23-
src="https://kit.fontawesome.com/aa4811ab5f.js"
24-
crossorigin="anonymous"
25-
></script>
2616
<title>Add Article</title>
2717
</head>
2818
<body>
29-
<div class="mobile_nav">
19+
<header id="menu_header">
3020

3121
<div class="logo_animation">
3222
<a href="index.html">
3323
<h2>BERTIN</h2>
3424
<h2>BERTIN</h2>
3525
</a>
3626
</div>
37-
<div id="menu_scrolling">
38-
<i class="fa-solid fa-bars" onclick="openNav(); imageClick()"></i>
39-
</div>
40-
</div>
41-
<header id="menu_header">
42-
4327
<div class="nav-bar">
4428
<ul class="menu">
4529
<li><a class="active" id="menu001" href="index.html">Home</a></li>
@@ -77,6 +61,10 @@ <h2>BERTIN</h2>
7761
</div>
7862
</div>
7963
</div>
64+
65+
<div id="menu_scrolling">
66+
<i class="fa-solid fa-bars" onclick="openNav(); imageClick()"></i>
67+
</div>
8068
</header>
8169
<div class="aa_container">
8270
<h1>Create New Article</h1>

‎admin_login_page.html

+86-136
Original file line numberDiff line numberDiff line change
@@ -1,142 +1,92 @@
11
<!DOCTYPE html>
22
<html lang="en">
3-
<head>
4-
<meta charset="UTF-8" />
5-
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
6-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7-
<link rel="stylesheet" type="text/css" href="/css/common.css" />
8-
<link rel="stylesheet" type="text/css" href="/css/header.css" />
9-
<link rel="stylesheet" type="text/css" href="/css/logo_animation.css" />
10-
<link rel="stylesheet" type="text/css" href="/css/login_page.css" />
11-
<script
12-
src="https://kit.fontawesome.com/aa4811ab5f.js"
13-
crossorigin="anonymous"
14-
></script>
15-
16-
<link
17-
rel="stylesheet"
18-
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
19-
/>
20-
<script
21-
src="https://kit.fontawesome.com/aa4811ab5f.js"
22-
crossorigin="anonymous"
23-
></script>
24-
<script src="script/profile.js"></script>
25-
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
26-
<script src="script/hero_text.js"></script>
27-
<script src="script/skills.js"></script>
28-
<script src="script/scroll.js"></script>
29-
<script src="script/general.js"></script>
30-
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<link rel="stylesheet" type="text/css" href="/css/common.css">
8+
<link rel="stylesheet" type="text/css" href="/css/header.css">
9+
<link rel="stylesheet" type="text/css" href="/css/logo_animation.css">
10+
<link rel="stylesheet" type="text/css" href="/css/login_page.css">
11+
<script src="https://kit.fontawesome.com/aa4811ab5f.js" crossorigin="anonymous"></script>
12+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
3113
<title>Login - Page</title>
32-
</head>
33-
<body>
34-
<div class="mobile_nav">
35-
<div class="logo_animation">
36-
<a href="index.html">
37-
<h2>BERTIN</h2>
38-
<h2>BERTIN</h2>
39-
</a>
40-
</div>
41-
<div id="menu_scrolling">
42-
<i class="fa-solid fa-bars" onclick="openNav(); imageClick()"></i>
43-
</div>
44-
</div>
14+
</head>
15+
<body>
4516
<div class="container">
46-
<header id="menu_header">
47-
48-
<div class="nav-bar">
49-
<ul class="menu">
50-
<li><a class="active" id="menu001" href="index.html">Home</a></li>
51-
<li><a href="#ABOUT" id="menu002">About</a></li>
52-
<li><a href="#SKILLS" id="menu003">Skills</a></li>
53-
<li><a href="#PORTOFOLIO" id="menu004"> My Work</a></li>
54-
<li><a href="#BLOG" id="menu005"> Blog</a></li>
55-
<li><a href="#CONTACTS" id="menu006">Contacts</a></li>
56-
</ul>
57-
<div class="image-header">
58-
<img
59-
src="images/me3.jpg"
60-
onclick="imageClick()"
61-
class="dropclick"
62-
alt="profile picture"
63-
/>
64-
<div id="myprofile" class="dropdown-content">
65-
<ul class="profile-content1">
66-
<li><a href="">Photo Gallery</a></li>
67-
</ul>
68-
<ul class="profile-content2">
69-
<a href="mailto:[email protected]"
70-
><li><i class="fa-solid fa-envelope"></i></li
71-
></a>
72-
<a href="teleto: +250786949188"
73-
><li><i class="fa-solid fa-phone"></i></li
74-
></a>
75-
<a
76-
href="https://linkedin.com/in/ndahayo-s-bertin"
77-
target="_blank"
78-
><li><i class="fa-brands fa-linkedin-in"></i></li
79-
></a>
80-
<a href="https://twitter.com/ndahayo_s" target="_blank"
81-
><li><i class="fa-brands fa-twitter"></i></li>
82-
</a>
83-
</ul>
84-
85-
</div>
86-
</div>
87-
</div>
88-
</header>
89-
<div class="login_container">
90-
<img src="/images/3d_login.png" alt="Login Image" />
91-
<div class="login_section">
92-
<h1>Welcome Back</h1>
93-
<p class="login_desc">
94-
To keep connected with me please <br />signin using your email and
95-
password.🔔
96-
</p>
97-
<div class="sub">
98-
<div>
99-
<i class="fa-solid fa-envelope"></i>
100-
</div>
101-
<div>
102-
<input
103-
type="email"
104-
class="sub_email"
105-
name="email"
106-
placeholder="Enter your Email"
107-
/>
17+
<header id="menu_header" >
18+
19+
<div class="logo_animation">
20+
<a href="index.html">
21+
<h2>BERTIN</h2>
22+
<h2>BERTIN</h2>
23+
</a>
24+
</div>
25+
<div class="nav-bar">
26+
<ul class="menu">
27+
<li><a class="active" id="menu001" href="index.html">Home</a></li>
28+
<li><a href="#ABOUT" id="menu002">About</a></li>
29+
<li><a href="#SKILLS" id="menu003">Skills</a></li>
30+
<li><a href="#PORTOFOLIO" id="menu004"> My Work</a></li>
31+
<li><a href="#BLOG" id="menu005"> Blog</a></li>
32+
<li><a href="#CONTACTS" id="menu006">Contacts</a></li>
33+
</ul>
34+
<div class="image-header">
35+
<img src="images/me3.jpg" onclick="imageClick()" class= "dropclick" alt="profile picture">
36+
<div id="myprofile" class="dropdown-content">
37+
<ul class="profile-content1">
38+
<li><a href="">Photo Gallery</a></li>
39+
</ul>
40+
<ul class="profile-content2">
41+
<a href="mailto:[email protected]"><li><i class="fa-solid fa-envelope"></i></li></a>
42+
<a href="teleto: +250786949188"><li><i class="fa-solid fa-phone"></i></li></a>
43+
<a href="https://linkedin.com/in/ndahayo-s-bertin" target="_blank"><li><i class="fa-brands fa-linkedin-in"></i></li></a>
44+
<a href="https://twitter.com/ndahayo_s" target="_blank"><li><i class="fa-brands fa-twitter"></i></li> </a>
45+
</ul>
46+
</div>
47+
</div>
48+
</div>
49+
50+
<div id="menu_scrolling">
51+
<i class="fa-solid fa-bars" onclick="openNav(); imageClick()"></i>
52+
</div>
53+
</header>
54+
<div class="login_container">
55+
<img src="/images/3d_login.png" alt="Login Image">
56+
<div class="login_section">
57+
<h1>Welcome Back</h1>
58+
<p class="login_desc">To keep connected with me please <br>signin using your email and password.🔔</p>
59+
<div class="sub">
60+
<div>
61+
<i class="fa-solid fa-envelope"></i>
62+
</div>
63+
<div>
64+
<input type="email" class="sub_email" name="email" placeholder="Enter your Email">
65+
</div>
66+
</div>
67+
<div class="sub">
68+
<div>
69+
<i class="fa-solid fa-lock"></i>
70+
</div>
71+
<div>
72+
<input type="password" class="sub_pass" name="password" placeholder="Enter your Password">
73+
</div>
74+
</div>
75+
<div class="remember_forgot">
76+
<div class="remember">
77+
<i class="fa-solid fa-check-to-slot"></i>
78+
<p> Remember Me</p>
79+
</div>
80+
<p>Forgot Password</p>
81+
</div>
82+
<div class="button_div">
83+
<a href="dashboard.html"><button>Login Now</button></a>
84+
</div>
85+
<p class="login_p_last">Don’t have an account, SignUp <a href="signup_page.html">here<br></a>
86+
or Login as a Guest <a href="dashboard.html">here.</a></p>
10887
</div>
109-
</div>
110-
<div class="sub">
111-
<div>
112-
<i class="fa-solid fa-lock"></i>
113-
</div>
114-
<div>
115-
<input
116-
type="password"
117-
class="sub_pass"
118-
name="password"
119-
placeholder="Enter your Password"
120-
/>
121-
</div>
122-
</div>
123-
<div class="remember_forgot">
124-
<div class="remember">
125-
<i class="fa-solid fa-check-to-slot"></i>
126-
<p>Remember Me</p>
127-
</div>
128-
<p>Forgot Password</p>
129-
</div>
130-
<div class="button_div">
131-
<a href="dashboard.html"><button>Login Now</button></a>
132-
</div>
133-
<p class="login_p_last">
134-
Don’t have an account, SignUp
135-
<a href="signup_page.html">here<br /></a> or Login as a Guest
136-
<a href="dashboard.html">here.</a>
137-
</p>
138-
</div>
139-
</div>
88+
89+
</div>
14090
</div>
141-
</body>
142-
</html>
91+
</body>
92+
</html>

‎article_page.html

+8-22
Original file line numberDiff line numberDiff line change
@@ -14,38 +14,20 @@
1414
src="https://kit.fontawesome.com/aa4811ab5f.js"
1515
crossorigin="anonymous"
1616
></script>
17-
<script src="script/profile.js"></script>
18-
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
19-
<script src="script/hero_text.js"></script>
20-
<script src="script/skills.js"></script>
21-
<script src="script/scroll.js"></script>
22-
<script src="script/general.js"></script>
23-
<script
24-
src="https://kit.fontawesome.com/aa4811ab5f.js"
25-
crossorigin="anonymous"
26-
></script>
2717

2818
<title>13 path to a succesfull lifestyle</title>
2919
</head>
3020
<body>
31-
32-
<div class="mobile_nav">
33-
21+
<header id="menu_header">
22+
<!--<div class="logo">
23+
<a href="index.html"><img src="images/logo3.PNG" alt="My logo"></a>
24+
</div> -->
3425
<div class="logo_animation">
3526
<a href="index.html">
3627
<h2>BERTIN</h2>
3728
<h2>BERTIN</h2>
3829
</a>
3930
</div>
40-
<div id="menu_scrolling">
41-
<i class="fa-solid fa-bars" onclick="openNav(); imageClick()"></i>
42-
</div>
43-
</div>
44-
<header id="menu_header">
45-
<!--<div class="logo">
46-
<a href="index.html"><img src="images/logo3.PNG" alt="My logo"></a>
47-
</div> -->
48-
4931
<div class="nav-bar">
5032
<ul class="menu">
5133
<li><a class="active" id="menu001" href="index.html">Home</a></li>
@@ -83,6 +65,10 @@ <h2>BERTIN</h2>
8365
</div>
8466
</div>
8567
</div>
68+
69+
<div id="menu_scrolling">
70+
<i class="fa-solid fa-bars" onclick="openNav(); imageClick()"></i>
71+
</div>
8672
</header>
8773
<div class="ap_container">
8874
<h1>13 path to a succesfull lifestyle</h1>

0 commit comments

Comments
 (0)