Skip to content

Added github repo link in footer using github icon #1960

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

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

Added github repo link in footer using github icon #1960

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
61 changes: 42 additions & 19 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -31,11 +31,13 @@
<body>
<!--Sticky Sidebar-->
<div class="icon-bar">
<a href="https://www.instagram.com/vishal_raj_1_/" target="_blank" class="facebook"><i class="fa fa-instagram"></i></a>
<a href="https://www.instagram.com/vishal_raj_1_/" target="_blank" class="facebook"><i
class="fa fa-instagram"></i></a>
<a href="https://twitter.com/vishalraj_1" target="_blank" class="twitter"><i class="fa fa-twitter"></i></a>
<a href="https://www.linkedin.com/in/vishalraj1/" target="_blank" class="linkedin"><i
class="fa fa-linkedin"></i></a>
<a href="https://www.youtube.com/c/VishalRajput_1" target="_blank" class="youtube"><i class="fa fa-youtube"></i></a>
<a href="https://www.youtube.com/c/VishalRajput_1" target="_blank" class="youtube"><i
class="fa fa-youtube"></i></a>


</div>
Expand All @@ -60,14 +62,14 @@ <h2 class="shadow"><a href="index.html">Awesome JavaScript</a></h2>
<i class="fa fa-bars" aria-hidden="true" id="menuBar" onclick="menu()"></i>
<i class="fa fa-times" aria-hidden="true" id="menuClose" onclick="menuClose()"></i>
<div class="container">
<div class ="navbar">
<div class="navbar">
<ul id="menu">
<li><a href="#" class="active">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="projects.html">Projects</a></li>
<!-- <li><a href="contact.html">Contact</a></li> -->
<!-- <li><a href="signuplogin.html">Signup/login</a></li> -->

<a href="https://github.com/Vishal-raj-1/Awesome-JavaScript-Projects" target="_blank"
class="github githubs"><i class="fa fa-github" aria-hidden="true"></i></a>
</ul>
Expand All @@ -80,16 +82,23 @@ <h1>JavaScript Projects <br> that you need!!</h1>
<span class="typed"></span>
<div class="buttonCenter">
<a href="#about" class="commanBtn">Get Started</a>
<a href="https://www.youtube.com/watch?v=YCbCGuq_NWE&amp;list=PLSH9gf0XETou_b8C3SJm8rk69Z41eUgbQ&amp;index=1" target="_blank" class="commanBtn">Learn Web Development❤️</a>
<a href="https://www.youtube.com/watch?v=YCbCGuq_NWE&amp;list=PLSH9gf0XETou_b8C3SJm8rk69Z41eUgbQ&amp;index=1"
target="_blank" class="commanBtn">Learn Web Development❤️</a>
</div>
</div>
<div class="bannerIllustration">
<div id="embedForMobile">
<iframe width="300" height="168.75" src="https://www.youtube.com/embed/YCbCGuq_NWE" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<iframe width="300" height="168.75" src="https://www.youtube.com/embed/YCbCGuq_NWE"
title="YouTube video player" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen></iframe>
</div>
<div id="embedForPc">
<iframe width="560" height="315" src="https://www.youtube.com/embed/YCbCGuq_NWE" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<iframe width="560" height="315" src="https://www.youtube.com/embed/YCbCGuq_NWE"
title="YouTube video player" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen></iframe>
</div>
</div>
</div>
</header>
Expand Down Expand Up @@ -120,7 +129,8 @@ <h2>About Us</h2>


</p>
<a href="https://www.youtube.com/watch?v=YCbCGuq_NWE&amp;list=PLSH9gf0XETou_b8C3SJm8rk69Z41eUgbQ&amp;index=1" target="_blank" class="linka">Learn Web Development❤️</a>
<a href="https://www.youtube.com/watch?v=YCbCGuq_NWE&amp;list=PLSH9gf0XETou_b8C3SJm8rk69Z41eUgbQ&amp;index=1"
target="_blank" class="linka">Learn Web Development❤️</a>
</div>
<div class="dualSectionImg">
<img src="./assets/Images/shortAbout.svg" alt="About Illustration">
Expand Down Expand Up @@ -162,7 +172,7 @@ <h2>JavaScript Projects</h2>
<div class="ctaText">
<h1>Let's get started...</h1>
<p>Awesome JavaScript is the open source project that helps you in JavaScript Projects. Contact us
if you want to suggest the project that can be implemented in order to add in the
if you want to suggest the project that can be implemented in order to add in the
site.</p>
</div>
<div class="ctaButton">
Expand Down Expand Up @@ -197,11 +207,21 @@ <h2>About Us</h2>
<div class="sec QuickLinks">
<h2>Quick Links</h2>
<u1>
<li><a href="https://www.youtube.com/watch?v=YCbCGuq_NWE&list=PLSH9gf0XETou_b8C3SJm8rk69Z41eUgbQ&index=1">Frontend Development</a></li>
<li><a href="https://www.youtube.com/watch?v=EOwWXNBKtBM&list=PLSH9gf0XETou_b8C3SJm8rk69Z41eUgbQ&index=2">HTML Crash Course</a></li>
<li><a href="https://www.youtube.com/watch?v=Qu0dbQxm6II&list=PLSH9gf0XETou_b8C3SJm8rk69Z41eUgbQ&index=3">CSS Crash Course</a></li>
<li><a href="https://www.youtube.com/watch?v=3nLglJtUHjA&list=PLSH9gf0XETou_b8C3SJm8rk69Z41eUgbQ&index=4">CSS FlexBox Crash Course</a></li>
<li><a href="https://www.youtube.com/watch?v=3nLglJtUHjA&list=PLSH9gf0XETou_b8C3SJm8rk69Z41eUgbQ&index=5">CSS Grid Crash Course</a></li>
<li><a
href="https://www.youtube.com/watch?v=YCbCGuq_NWE&list=PLSH9gf0XETou_b8C3SJm8rk69Z41eUgbQ&index=1">Frontend
Development</a></li>
<li><a
href="https://www.youtube.com/watch?v=EOwWXNBKtBM&list=PLSH9gf0XETou_b8C3SJm8rk69Z41eUgbQ&index=2">HTML
Crash Course</a></li>
<li><a
href="https://www.youtube.com/watch?v=Qu0dbQxm6II&list=PLSH9gf0XETou_b8C3SJm8rk69Z41eUgbQ&index=3">CSS
Crash Course</a></li>
<li><a
href="https://www.youtube.com/watch?v=3nLglJtUHjA&list=PLSH9gf0XETou_b8C3SJm8rk69Z41eUgbQ&index=4">CSS
FlexBox Crash Course</a></li>
<li><a
href="https://www.youtube.com/watch?v=3nLglJtUHjA&list=PLSH9gf0XETou_b8C3SJm8rk69Z41eUgbQ&index=5">CSS
Grid Crash Course</a></li>
</u1>
</div>
<div>
Expand All @@ -211,9 +231,12 @@ <h2>Follow Us</h2>
aria-hidden="true"></i></a></li>
<li><a href="https://www.instagram.com/vishal_raj_1_/" target="_blank"><i class="fa fa-instagram"
aria-hidden="true"></i></a></li>
<li><a href="https://www.linkedin.com/in/vishalraj1/" target="_blank"><i
class="fa fa-linkedin" aria-hidden="true"></i></a></li>
<li><a href="https://www.youtube.com/c/VishalRajput_1" target="_blank" class="youtube"><i class="fa fa-youtube"></i></a></li>
<li><a href="https://www.linkedin.com/in/vishalraj1/" target="_blank"><i class="fa fa-linkedin"
aria-hidden="true"></i></a></li>
<li><a href="https://www.youtube.com/c/VishalRajput_1" target="_blank" class="youtube"><i
class="fa fa-youtube"></i></a></li>
<li><a href="https://github.com/Vishal-raj-1/Awesome-JavaScript-Projects" target="_blank"><i
class="fa fa-github" aria-hidden="true"></i></a></li>
</ul>
</div>
</div>
Expand All @@ -233,4 +256,4 @@ <h2>Follow Us</h2>

</body>

</html>
</html>