Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

made some changes on the instructor page #561

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

made some changes on the instructor page #561

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 3 additions & 0 deletions Responsive Navbar/Responsive_Navbar.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,11 +12,13 @@ body {
nav{
background: #151515;
padding: 5px 40px;
width: 100%;
}
nav ul{
list-style: none;
display: flex;
flex-wrap: wrap;

align-items: center;
justify-content: center;
}
Expand Down Expand Up @@ -75,6 +77,7 @@ nav ul li.btn.hide i:before{
@media all and (max-width: 900px){
nav{
padding: 5px 30px;
justify-content: space-around;
}
nav ul li.items{
width: 100%;
Expand Down
2 changes: 1 addition & 1 deletion index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -38,7 +38,7 @@
<body>
<div class="container-fluid">
<!-- navbar -->
<nav class="navbar navbar-expand-lg navbar-dark fixed-top" id="navbar__custom">
<nav class="navbar container-fluid navbar-expand-lg navbar-dark fixed-top" id="navbar__custom">

<a class="navbar-brand" href="index.html"><img src="resources/images/ZTM_logo.png" alt="logo"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
Expand Down
126 changes: 78 additions & 48 deletions instructor.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,9 +16,36 @@
<link href="https://fonts.googleapis.com/css2?family=Kalam:wght@700&display=swap" rel="stylesheet">

<style>


body{
margin: 0px;
padding: 0px;

}
.about-instructor{
cursor: pointer;
}
.sec{
cursor: pointer;
}

.card-title{
cursor: pointer;
}


.info{
align-items: center;
cursor: pointer;
padding: 20px;

}
.info h2{
width: 100%;
}
.info h3{
width: 100%;
}

#more {
Expand Down Expand Up @@ -134,49 +161,52 @@
</head>

<body>
<!-- navbar -->
<nav class="navbar navbar-expand-lg navbar-dark fixed-top">
<a class="navbar-brand" href="index.html"><img src="resources/images/ZTM_logo.png" alt="logo"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link nav-font" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link nav-font" href="about.html">About</a>
</li>
<li class="nav-item active-link">
<a class="nav-link nav-font" href="instructor.html">Instructor</a>
</li>
<li class="nav-item">
<a class="nav-link nav-font" href="register.html">Sign Up</a>
</li>
<li class="nav-item">
<a class="nav-link nav-font" href="contributersProfile.html">Contributors</a>
</li>
<li class="nav-item">
<a class="nav-link nav-font" href="todo_list.html">Student Projects</a>
</li>
<li class="nav-item">
<a class="nav-link nav-font" href="contact-us.html">Contact Us</a>
</li>
</ul>
</div>
<div class="theme-toggle-container">
<span class="theme-toggle-text">Light Mode</span>
<label class="theme-toggle">
<input id="theme-toggle-switch" type="checkbox">
<span class="slider round"></span>
</label>
</div>
<a id="headerText" class="nav-link ml-md-auto nav-font" href="beyondztm.html">Beyond Zero to Mastery <i
class="fas fa-arrow-right"></i></a>
<!-- navbar -->
<nav class="navbar container-fluid navbar-expand-lg navbar-dark fixed-top" id="navbar__custom">

<a class="navbar-brand" href="index.html"><img src="resources/images/ZTM_logo.png" alt="logo"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item active-link">
<a class="nav-link nav-font" href="index.html">Home</a>
</li>
<li class="nav-item nav-font">
<a class="nav-link" href="about.html">About</a>
</li>
<li class="nav-item nav-font">
<a class="nav-link" href="instructor.html">Instructor</a>
</li>
<li class="nav-item nav-font">
<a class="nav-link" href="register.html">Sign Up</a>
</li>
<li class="nav-item nav-font">
<a class="nav-link" href="contributersProfile.html">Contributors</a>
</li>
<li class="nav-item nav-font">
<a class="nav-link" href="todo_list.html">Student Projects</a>
</li>
<li class="nav-item nav-font">
<a class="nav-link" href="contact-us.html">Contact Us</a>
</li>
</ul>
</div>
<div class='theme-toggle-container'>
<span class='theme-toggle-text'>Light Mode</span>
<label class='theme-toggle'>
<input id='theme-toggle-switch' type='checkbox'>
<span class='slider round'></span>
</label>
</div>
<a id="headerText" class="nav-link nav-font" href="beyondztm.html">Beyond Zero to Mastery <i
class="fas fa-arrow-right"></i></a>
</nav>

<!-- END navbar -->

<!-- END navbar -->
<div class="first-div" id="instructor_container">
<div class="container-fluid about-container">
Expand Down Expand Up @@ -277,7 +307,7 @@ <h2 id="about-title">About Andrei</h2>
}
</script>
</div>
<section class="text-gray-600 body-font">
<section class="text-gray-600 body-font ">
<div class="container mx-auto flex px-5 py-24 md:flex-row flex-col items-center">
<div class="lg:max-w-lg lg:w-full md:w-1/2 w-5/6 mb-10 md:mb-0">
<img class="object-cover object-center rounded" alt="hero" src="https://img-c.udemycdn.com/user/200_H/38516954_b11c_3.jpg">
Expand All @@ -286,9 +316,9 @@ <h2 id="about-title">About Andrei</h2>
<h1 class="title-font sm:text-4xl text-3xl mb-4 font-medium text-gray-900">
<br class="hidden lg:inline-block">
</h1>
<div class="col-lg-9 col-md-7 mt-3 info">
<h4 class="animated bounce text-muted">Instructor :</h4>
<h2 class="animated bounce font-weight-bold"><b>Andrei Neagoie</b></h2>
<div class="site col-lg-9 col-md-7 mt-3 info ">
<h4 class="animated bounce text-muted">Instructor : <b class="animated bounce font-weight-bold" style="font-size: 30px; color:black;">Andrei Neagoie</b></h4>

<h3 class="animated bounce">
"Senior Software Developer turned Instructor"
</h3>
Expand All @@ -300,7 +330,7 @@ <h3 class="animated bounce">
</div>
</div>
</section>
<section class="text-gray-600 body-font">
<section class="text-gray-600 body-font sec">
<div class="container px-5 py-24 mx-auto">
<div class="flex flex-col text-center w-full mb-20">
<h1 class="text-2xl font-medium title-font mb-4 text-gray-900 tracking-widest">About Andrei</h1>
Expand Down Expand Up @@ -339,9 +369,9 @@ <h1 class="text-2xl font-medium title-font mb-4 text-gray-900 tracking-widest">A

</div>
</div>
<div class="glitch">Zero To Mastery</div> <!--A friend showed me and thought it was cool. Feel free to delete or add something even better.-->
<div class="glitch"><h1>Zero To Mastery</h1></div> <!--A friend showed me and thought it was cool. Feel free to delete or add something even better.-->
</section>
<h2 style="text-align: center; margin-top: 5%">View Andrei's Courses</h2>
<h2 style="text-align: center; margin-top: 5%; cursor:pointer">View Andrei's Courses</h2>
<div style="margin-top: 3%" class="container card-group">
<div class="card" data-aos="fade-right">
<img src="https://img-c.udemycdn.com/course/480x270/2473048_8255_5.jpg" class="card-img-top" alt="..." />
Expand Down
5 changes: 3 additions & 2 deletions modified_homepage_css.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ padding: -10px;
display: inline-block;
padding-top: 0.3125rem;
margin-right: 1rem;
margin-left: 10px;

}
.navbar-brand img {
height: 55px;
Expand All @@ -26,14 +26,15 @@ nav a {
}
nav {
background-color: #00000000;
width: 100%;
}
.theme-toggle-container span {
font-size: 0.75rem;
color: white;
}
#navbar__custom #headerText {
font-size: 10px;
margin-right: 21px;
}
.theme-toggle {
position: relative;
Expand Down
4 changes: 3 additions & 1 deletion resources/style/glitch.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,14 +2,16 @@
.glitch {
display: flex;
font-size: 96px;
letter-spacing: -7px;
letter-spacing: 9px;
width: 100%;
text-align: center;
height: 100%;
align-items: center;
justify-content: center;
margin: 0;
color: darkblue;
}

.glitch{
animation: glitch 1s linear infinite;
}
Expand Down