Skip to content

Commit

Permalink
navbar updated
Browse files Browse the repository at this point in the history
  • Loading branch information
@Gyanthakur
Gyanthakur committed Oct 13, 2024
1 parent c91a25c commit e3b1551
Show file tree
Hide file tree
Showing 4 changed files with 328 additions and 167 deletions.
74 changes: 40 additions & 34 deletions about-us.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -35,41 +35,46 @@
<div class="progress-bar" id="progressBar">
<div class="bar" id="bar"></div>
</div>
<header>
<nav>

<p class="title" >About Us</p>
<div class="nav-links">


<a href="index.html">
<button class="add">
Go To Profile Section &nbsp; <i class="fa-solid fa-user"></i>
</button>
</a>

<a href="project.html">
<button class="add">
Go to Project section &nbsp; <i class="fa-solid fa-list-check"></i>
</button>
</a>

<a href="about-us.html">
<button class="add" onclick='window.open("about-us.html","_self")'>
About Us &nbsp; <i class="fa-solid fa-info-circle"></i>
</button>
</a>



<div class="navbar">
<header>
<nav>

<p class="title" >About Us</p>
<div class="nav-links">


<a href="index.html">
<button class="add">
Go To Profile Section &nbsp; <i class="fa-solid fa-user"></i>
</button>
</a>

<a href="contact-us.html">
<button class="add" onclick='window.open("contact-us.html","_self")'>
Content Us &nbsp; <i class="fa-solid fa-address-book"></i>
</button>
</a>
<button class="dark-btn about-dark"><img id="icon" src="dark.png" alt="Dark" style="right: 0%;top: 0%;"></img></button>
</div>

</nav>
</header>
<a href="project.html">
<button class="add">
Go to Project section &nbsp; <i class="fa-solid fa-list-check"></i>
</button>
</a>

<a href="about-us.html">
<button class="add" onclick='window.open("about-us.html","_self")'>
About Us &nbsp; <i class="fa-solid fa-info-circle"></i>
</button>
</a>

<a href="contact-us.html">
<button class="add" onclick='window.open("contact-us.html","_self")'>
Content Us &nbsp; <i class="fa-solid fa-address-book"></i>
</button>
</a>
<button class="dark-btn about-dark"><img id="icon" src="dark.png" alt="Dark" style="right: 0%;top: 0%;"></img></button>
</div>

</nav>
</header>
</div>



Expand Down Expand Up @@ -137,6 +142,7 @@ <h2 class="section-title">Contact Us</h2>
class="link-primary"
>GitHub Repository</a
>.

</p>
</div>
</main>
Expand Down
85 changes: 60 additions & 25 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -21,15 +21,21 @@
<div class="progress-bar" id="progressBar">
<div class="bar" id="bar"></div>
</div>
<header>

<div >
<header>
<nav>
<p class="title"><a href="#">Dev Profiles</a></p>
<div class="nav-links">

<button class="add" onclick='window.open("https://github.com/Gyanthakur/DevProfile","_blank")'>
<!-- <button class="add" onclick='window.open("https://github.com/Gyanthakur/DevProfile","_blank")'>
Add your Profile &nbsp;
<i class="fa-sharp fa-solid fa-user-plus"></i>
</button>
</button> -->


<a href="https://github.com/Gyanthakur/DevProfile" target="_blank"><button class="add">Add your Profile &nbsp; <i class="fa-sharp fa-solid fa-user-plus"></i>
</button></a>


<a href="project.html"><button class="add">Go to Project section &nbsp; <i class="fa-solid fa-list-check"></i>
Expand All @@ -50,7 +56,8 @@
</div>

</nav>
</header>
</header>
</div>



Expand All @@ -62,31 +69,11 @@

<div class="container">

<div class="profile">
<div class="lines"></div>
<div class="pfp"><img src="https://avatars.githubusercontent.com/u/98226958?v=4" alt="User Image"></div>
<h3 class="name">Gyan Pratap Singh</h3>
<div class="skills">
<span class="skill">Javascript</span>
<span class="skill">ReactJs</span>
<span class="skill">C++</span>
<span class="skill">Nodejs</span>

</div>
<div class="social">
<a href="https://github.com/Gyanthakur" target="_blank" rel="noopener" title="GitHub Profile"><i class="fa-brands fa-github"></i></a>
<a href="https://twitter.com/gps_96169" target="_blank" rel="noopener" title="Twitter Profile"><i class="fa-brands fa-x-twitter"></i></a>
<a href="https://www.linkedin.com/in/gyan-pratap-singh-275785236/" target="_blank" rel="noopener" title="LinkedIn Profile"><i
class="fa-brands fa-linkedin-in"></i></a>
<a href="https://m.facebook.com/profile.php?eav=AfaqcHZxqYa9JW_KiMc12-UaK795uvnKLpf6fkHA6L4JkUTH-M30JYLTQ5nSffYiVJI&paipv=0"
target="_blank" rel="noopener" title="Facebook Profile"><i class="fa-brands fa-facebook"></i></a>
</div>

</div>

<div class="profile">
<div class="lines"></div>
<div class="pfp"><img src="./default.png" alt="User Image"></div>
<div class="pfp"><img src="https://avatars.githubusercontent.com/u/114869253?v=4" alt="User Image"></div>
<h3 class="name">Susmita Santi</h3>
<div class="skills">
<span class="skill">ReactJS</span>
Expand All @@ -108,6 +95,28 @@ <h3 class="name">Susmita Santi</h3>

</div>

<div class="profile">
<div class="lines"></div>
<div class="pfp"><img src="https://avatars.githubusercontent.com/u/98226958?v=4" alt="User Image"></div>
<h3 class="name">Gyan Pratap Singh</h3>
<div class="skills">
<span class="skill">Javascript</span>
<span class="skill">ReactJs</span>
<span class="skill">C++</span>
<span class="skill">Nodejs</span>

</div>
<div class="social">
<a href="https://github.com/Gyanthakur" target="_blank" rel="noopener" title="GitHub Profile"><i class="fa-brands fa-github"></i></a>
<a href="https://twitter.com/gps_96169" target="_blank" rel="noopener" title="Twitter Profile"><i class="fa-brands fa-x-twitter"></i></a>
<a href="https://www.linkedin.com/in/gyan-pratap-singh-275785236/" target="_blank" rel="noopener" title="LinkedIn Profile"><i
class="fa-brands fa-linkedin-in"></i></a>
<a href="https://m.facebook.com/profile.php?eav=AfaqcHZxqYa9JW_KiMc12-UaK795uvnKLpf6fkHA6L4JkUTH-M30JYLTQ5nSffYiVJI&paipv=0"
target="_blank" rel="noopener" title="Facebook Profile"><i class="fa-brands fa-facebook"></i></a>
</div>

</div>

<div class="profile">
<div class="lines"></div>
<div class="pfp"><img src="https://github.com/anurag-327.png" alt="User Image"></div>
Expand Down Expand Up @@ -165,6 +174,32 @@ <h3 class="name">Karunakar S</h3>
<a href="https://www.linkedin.com/in/karunakar-s-b52895202" target="_blank"><i class="fa-brands fa-linkedin-in"></i></a>
</div>
</div>




<div class="profile">
<div class="lines"></div>

<div class="pfp"><img src="https://avatars.githubusercontent.com/u/143484719?v=4" alt="User Image"></div>
<h3 class="name">Aditya Singh</h3>
<div class="skills">
<span class="skill">HTML</span>
<span class="skill">CSS</span>
<span class="skill">JAVASCRIPT</span>
<span class="skill">PYTHON</span>
<span class="skill">C++</span>
</div>
<div class="social">
<a href="https://github.com/ADITYASINGH0175" target="_blank"><i class="fa-brands fa-github"></i></a>
<a href="[YOUR X/TWITTER URL]" target="_blank"><i class="fa-brands fa-x-twitter"></i></a>
<a href="[https://www.linkedin.com/in/aditya-singh-3631b0216?lipi=urn%3Ali%3Apage%3Ad_flagship3_profile_view_base_contact_details%3Bpw5UgXa2QfKS3yRivho3SA%3D%3D" target="_blank"><i class="fa-brands fa-linkedin-in"></i></a>
<a href="[YOUR FACEBOOK URL]" target="_blank"><i class="fa-brands fa-facebook"></i></a>
</div>
</div>



<div class="profile">
<div class="lines"></div>
<!-- change './default.png' to your profile image url -->
Expand Down
Loading

0 comments on commit e3b1551

Please sign in to comment.