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

Jump to bottom

Enhancement: improved about us section layout #320

Closed
wants to merge 2 commits into from
Closed

Enhancement: improved about us section layout #320

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
679e957
improved about us section layout
Sushil010 Oct 30, 2024
a8e9449
changed scroll up position
Sushil010 Oct 31, 2024
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
95 changes: 49 additions & 46 deletions about-us.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Projects</title>
<title>About Us</title>
<link
rel="shortcut icon"
href="https://oyepriyansh.pages.dev/i/favicon.ico"
Expand All @@ -29,56 +29,61 @@
type="text/javascript"
src="https://oyepriyansh.pages.dev/cdnjs/analytics/devprofiles.js"
></script>
<style>
.scroll-up-container button {
background-color: #333; /* Grayish black */
border: none; /* Remove border */
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
}
.scroll-up-container {
display: flex;
justify-content: center;
align-items: center;
position: fixed;
bottom: 20px;
right: 20px;
}
</style>
</head>

<body>
<div class="progress-bar" id="progressBar">
<div class="bar" id="bar"></div>
</div>


</div>

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

<p class="title" >About Us</p>
<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>

<a href="contact-us.html">
<button class="add" onclick='window.open("contact-us.html","_self")'>
Contact 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>
<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>
<a href="contact-us.html">
<button class="add" onclick='window.open("contact-us.html","_self")'>
Contact 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>




</div>

<div class="line"><br /></div>

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

</p>
</div>
</main>
</div>

<div class="line"><br /></div>

<button id="backToTopBtn" title="Go to top"><i class="fa-solid fa-arrow-up"></i>
</button>
<script src="script.js"></script>

<footer class="footer">
<ul class="social-icon">
<li class="social-icon__item">
Expand Down Expand Up @@ -185,14 +185,12 @@ <h2 class="section-title">Contact Us</h2>
<ion-icon name="logo-instagram"></ion-icon>
</a>
</li>

<li class="social-icon__item"></i><a class="social-icon__link" href="https://wa.me/918957818597?text=Hey%20%F0%9F%91%8B%2C%20how%20can%20I%20help%20you%3F">
<ion-icon name="logo-whatsapp"></ion-icon>
</a></li>
</ul>
<ul class="menu">
<li class="menu__item"><a class="menu__link" href="#">Home</a></li>

<li class="menu__item">
<a class="menu__link" href="project.html">Project Section</a>
</li>
Expand All @@ -207,6 +205,11 @@ <h2 class="section-title">Contact Us</h2>
>
</li>
</ul>
<div class="scroll-up-container">
<button id="backToTopBtn" title="Go to top" class="add">
<i class="fa-solid fa-arrow-up" style="font-size: 24px;"></i>
</button>
</div>
<p>Dev Profiles &copy; <span id="dates"></span> | All Rights Reserved</p>
</footer>

Expand Down
Loading