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

Fix issue #252 make header responsive for mobile device #295

Closed
wants to merge 2 commits into from
Closed

Fix issue #252 make header responsive for mobile device #295

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
9632b42
Fix issue #252 make header responsive for mobile device
ankitjhagithub21 Oct 15, 2024
9e2b7ed
Merge branch 'main' into new-branch
ankitjhagithub21 Oct 17, 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
362 changes: 157 additions & 205 deletions about-us.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,223 +1,175 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Projects</title>
<link
rel="shortcut icon"
href="https://oyepriyansh.pages.dev/i/favicon.ico"
type="image/x-icon"
/>
<link rel="stylesheet" href="style.css" />
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css"
integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
/>
<link
rel="stylesheet"
href="https://unicons.iconscout.com/release/v4.0.8/css/line.css"
/>
<script
async
src="https://www.googletagmanager.com/gtag/js?id=G-GTFGBS8HG8"
></script>
<script
type="text/javascript"
src="https://oyepriyansh.pages.dev/cdnjs/analytics/devprofiles.js"
></script>
</head>

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



<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="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>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Projects</title>
<link rel="shortcut icon" href="https://oyepriyansh.pages.dev/i/favicon.ico" type="image/x-icon" />
<link rel="stylesheet" href="style.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css"
integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="https://unicons.iconscout.com/release/v4.0.8/css/line.css" />
<script async src="https://www.googletagmanager.com/gtag/js?id=G-GTFGBS8HG8"></script>
<script type="text/javascript" src="https://oyepriyansh.pages.dev/cdnjs/analytics/devprofiles.js"></script>
</head>

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



<div>
<header class="header">
<nav class="navbar">
<p class="title">About Us</p>
<div class="nav-links">
<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></button>
</a>
<a href="about-us.html">
<button class="add">About Us &nbsp; <i class="fa-solid fa-info-circle"></i></button>
</a>
<a href="contact-us.html">
<button class="add">Contact Us &nbsp; <i class="fa-solid fa-address-book"></i></button>
</a>
<button class="dark-btn"><img id="icon" src="dark.png" alt="Dark"></button>
</div>
<button class="mobile-menu-toggle" aria-label="Open navigation menu">
<i class="fa-solid fa-bars"></i>
</button>
</nav>
</header>
</div>


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

<div class="container">
<main class="about-container">
<div id="about" class="about-section">
<h2 class="section-title">What is DevProfiles?</h2>
<p class="about-content">
<strong>DevProfiles</strong> is an open-source platform where
developers can showcase their skills, profiles, and projects. It's a
great place to contribute, learn from others, and be part of a
thriving developer community.
</p>
</div>

<div class="about-section">
<h2 class="section-title">Our Mission</h2>
<p class="about-content">
We aim to create a comprehensive collection of developer profiles
from around the world. The goal is to allow everyone to display
their skills, contribute to open-source projects, and connect with
like-minded professionals.
</p>
</div>

<div class="about-section">
<h2 class="section-title">How You Can Contribute</h2>
<p class="about-content">
We encourage developers to add their profiles and projects following
these steps:
</p>
<ol class="contribution-steps">
<li><i class="fas fa-code"></i> Fork the repository.</li>
<li>
<i class="fas fa-sync"></i> Sync your branch before making changes
by clicking the "Sync Fork" button.
</li>
<li>
<i class="fas fa-file-code"></i> Add your profile or project
between the specified sections in the `index.html` and
`project.html` files, following the instructions in the README.
</li>
<li>
<i class="fas fa-upload"></i> Commit and push your changes to your
fork.
</li>
<li>
<i class="fa-solid fa-code-pull-request"></i> Create a Pull Request and wait
for it to be merged!
</li>
</ol>
</div>

<div class="about-section">
<h2 class="section-title">Contact Us</h2>
<p class="about-content">
If you have any questions or need assistance, feel free to reach out
to us via the
<a
href="https://github.com/Gyanthakur/DevProfile"
class="link-primary"
>GitHub Repository</a
>.

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

<div class="container">
<main class="about-container">
<div id="about" class="about-section">
<h2 class="section-title">What is DevProfiles?</h2>
<p class="about-content">
<strong>DevProfiles</strong> is an open-source platform where
developers can showcase their skills, profiles, and projects. It's a
great place to contribute, learn from others, and be part of a
thriving developer community.
</p>
</div>

<div class="about-section">
<h2 class="section-title">Our Mission</h2>
<p class="about-content">
We aim to create a comprehensive collection of developer profiles
from around the world. The goal is to allow everyone to display
their skills, contribute to open-source projects, and connect with
like-minded professionals.
</p>
</div>

<div class="about-section">
<h2 class="section-title">How You Can Contribute</h2>
<p class="about-content">
We encourage developers to add their profiles and projects following
these steps:
</p>
<ol class="contribution-steps">
<li><i class="fas fa-code"></i> Fork the repository.</li>
<li>
<i class="fas fa-sync"></i> Sync your branch before making changes
by clicking the "Sync Fork" button.
</li>
<li>
<i class="fas fa-file-code"></i> Add your profile or project
between the specified sections in the `index.html` and
`project.html` files, following the instructions in the README.
</li>
<li>
<i class="fas fa-upload"></i> Commit and push your changes to your
fork.
</li>
<li>
<i class="fa-solid fa-code-pull-request"></i> Create a Pull Request and wait
for it to be merged!
</li>
</ol>
</div>

<div class="about-section">
<h2 class="section-title">Contact Us</h2>
<p class="about-content">
If you have any questions or need assistance, feel free to reach out
to us via the
<a href="https://github.com/Gyanthakur/DevProfile" class="link-primary">GitHub Repository</a>.

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

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

<button id="backToTopBtn" title="Go to top"><i class="fa-solid fa-arrow-up"></i>
</button>
<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">
<a
class="social-icon__link"
href="https://m.facebook.com/profile.php?eav=AfaQiAnLMKoJt9fhAP0mpclv59dhzAMBnCy-rfJi2qawDv01IOkuI4RSxLQFG4508J0&paipv=0"
>
<ion-icon name="logo-facebook"></ion-icon>
</a>
</li>
<li class="social-icon__item">
<a class="social-icon__link" href=" https://twitter.com/gps_96169">
<i class="fa-brands fa-x-twitter"></i>
</a>
</li>
<li class="social-icon__item">
<a
class="social-icon__link"
href="https://www.linkedin.com/in/gyan-pratap-singh-275785236/"
>
<ion-icon name="logo-linkedin"></ion-icon>
</a>
</li>
<li class="social-icon__item">
<a
class="social-icon__link"
href=" https://www.instagram.com/gp.singh.ro.ckstar4438/"
>
<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">
<footer class="footer">
<ul class="social-icon">
<li class="social-icon__item">
<a class="social-icon__link"
href="https://m.facebook.com/profile.php?eav=AfaQiAnLMKoJt9fhAP0mpclv59dhzAMBnCy-rfJi2qawDv01IOkuI4RSxLQFG4508J0&paipv=0">
<ion-icon name="logo-facebook"></ion-icon>
</a>
</li>
<li class="social-icon__item">
<a class="social-icon__link" href=" https://twitter.com/gps_96169">
<i class="fa-brands fa-x-twitter"></i>
</a>
</li>
<li class="social-icon__item">
<a class="social-icon__link" href="https://www.linkedin.com/in/gyan-pratap-singh-275785236/">
<ion-icon name="logo-linkedin"></ion-icon>
</a>
</li>
<li class="social-icon__item">
<a class="social-icon__link" href=" https://www.instagram.com/gp.singh.ro.ckstar4438/">
<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>
<li class="menu__item">
<a class="menu__link" href="index.html">Profile Section</a>
</li>
<li class="menu__item">
<a
class="menu__link"
href="contact-us.html"
>Contact</a
>
</li>
</ul>
<p>Dev Profiles &copy; <span id="dates"></span> | All Rights Reserved</p>
</footer>

<script
type="module"
src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.esm.js"
></script>
<script
nomodule
src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.js"
></script>
<script src="script.js"></script>
</body>
</html>
</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>
<li class="menu__item">
<a class="menu__link" href="index.html">Profile Section</a>
</li>
<li class="menu__item">
<a class="menu__link" href="contact-us.html">Contact</a>
</li>
</ul>
<p>Dev Profiles &copy; <span id="dates"></span> | All Rights Reserved</p>
</footer>

<script type="module" src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.esm.js"></script>
<script nomodule src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.js"></script>
<script src="script.js"></script>
</body>

</html>
Loading
Loading