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.

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

Added About Us Page #600

Merged
merged 11 commits into from
Feb 23, 2024
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
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
34 changes: 34 additions & 0 deletions assets/about/about.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,34 @@
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

.about-section {
min-height: 100vh;
width: 80%;
display: flex;
justify-content: space-evenly;
align-items: center;
flex-direction: column;
gap: 2rem;
margin: 0 auto;
}

.heading-container {
font-size: 2.7rem;
background: #00F260;
background: -webkit-linear-gradient(to right, #0575E6, #00F260);
background: linear-gradient(to right, #0575E6, #00F260);
background-clip: text;
-webkit-text-fill-color: transparent;
text-align: center;
}

.para-section {
font-size: 1.9rem;
text-align: center;
color: white;
padding: 0 3rem;
margin-bottom: 2rem;
}
126 changes: 126 additions & 0 deletions assets/about/about.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,126 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel='stylesheet' href='https://cdn-uicons.flaticon.com/2.1.0/uicons-regular-straight/css/uicons-regular-straight.css'>
<link rel="icon" href="../images/favicon.png" type="image/x-icon">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" />
<script src="https://kit.fontawesome.com/b08b6de27e.js" crossorigin="anonymous"></script>
<link rel="stylesheet" type="text/css" href="../../style.css" />
<link rel="stylesheet" href="./about.css">
<title>CalcDiverse | About Us</title>
</head>

<body>
<div id="loader-wrapper">
<div id="loader"></div>
<div class="loader-section section-left"></div>
<div class="loader-section section-right"></div>
</div>

<!-- Navigation bar section start -->
<header>
<nav class="navbar">
<div class="image-logo">
<a href="../../index.html">
<img src="../images/favicon.png" height="36px" width="36px">
</a>
<a href="../../index.html">
<span class="logo">CalcDiverse</span>
</a>
</div>

<ul class="nav-menu">
<li class="nav-item">
<a href="../../index.html" class="nav-link"><i class="fa fa-home" aria-hidden="true"></i> Home</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link"><i class="fa-solid fa-circle-info" aria-hidden="true"></i> About</a>
</li>
<li class="nav-item">
<a href="../../index.html#calculators" class="nav-link"><i class="fa fa-calculator" aria-hidden="true"></i> Calculators</a>
</li>
<li class="nav-item">
<a href="../contributors/contributor.html" class="nav-link"><i class="fa fa-users" aria-hidden="true"></i> Contributors</a>
</li>
<li class="nav-item">
<a href="../faq/faq.html" class="nav-link"><i class="fa fa-question-circle" aria-hidden="true"></i> FAQ</a>
</li>
<li class="nav-item">
<a href="../contact/contact.html" class="nav-link"><i class="fa fa-phone" aria-hidden="true"></i> Contact</a>
</li>

</ul>
<div class="hamburger">
<span class="bar"></span>
<span class="bar"></span>
<span class="bar"></span>
</div>
</nav>
</header>

<div class="about-section">
<div class="heading-container">
<h1>About Us</h1>
</div>
<div class="para-section">
<p>CalcDiverse is a customized collection of calculators for various aspects of mathematical calculations. Here in this project , we have several calculators which we require in our day to day life. Having these calculators at our fingertips make our life more easier and smooth. The calculators range from complex to simple calculators. Any one with a basic knowledge of web development can contribute in this project !</p>
</div>
<div class="heading-container">
<h1>Our Mission</h1>
</div>
<div class="para-section">
<p>Our mission is to simplify the work of others by providing different types of calculators to them so that they can perform any calculations varying from very simple calculations to complex ones in a quick matter of time ! Calcdiverse is always there to simplify the calculations and enhance the productivity !</p>
</div>
<div class="heading-container">
<h1>Join Us</h1>
</div>
<div class="para-section">
<p>If you are also interested in contributing in this wonderful project , then we would highly encourage you to join our CalcDiverse Community and continue with us in our exciting journey !</p>
</div>


</div>

<div id="progress">
<span id="progress-value">&#x1F815;</span>
</div>
<!-- Scroll to Top Button Ends Here -->

<!-- -----------------------------------Footer Code Starts ------------------------------------------- -->
<div class="footer-basic">
<footer>
<div class="social">
<a href="https://rakesh9100.bio.link/" target="_blank"><i class="fa-solid fa-user"></i></a>
<a href="mailto:[email protected]" target="_blank"><i class="fa-solid fa-envelope"></i></a>
<a href="https://www.github.com/Rakesh9100" target="_blank"><i
class="fa-brands fa-square-github"></i></a>
<a href="https://twitter.com/rakeshroshan73" target="_blank"><i
class="fa-brands fa-square-x-twitter"></i></a>
<a href="https://www.facebook.com/rakesh6203/" target="_blank"><i
class="fa-brands fa-square-facebook"></i></a>
</div>
<ul class="list-inline">
<li class="list-inline-item"><a href="#home">Home</a></li>
<li class="list-inline-item"><a href="#">About</a></li>
<li class="list-inline-item"><a href="#calculators">Calculators</a></li>
<li class="list-inline-item"><a href="./assets/contributors/contributor.html">Contributors</a></li>
<li class="list-inline-item"><a href="./assets/faq/faq.html">FAQ</a></li>
<li class="list-inline-item"><a href="./assets/contact/contact.html">Contact</a></li>
</ul>
<p class="copyright">Created By Rakesh Roshan ❤️ | ©
<script>
document.write(new Date().getFullYear());
</script>: All Rights Reserved
</p>
</footer>
</div>

<script src="../../script.js"></script>


</body>

</html>
4 changes: 4 additions & 0 deletions assets/contact/contact.html
Original file line number Diff line number Diff line change
Expand Up @@ -36,6 +36,9 @@
<li class="nav-item">
<a href="../../index.html" class="nav-link"><i class="fa fa-home" aria-hidden="true"></i> Home</a>
</li>
<li class="nav-item">
<a href="../about/about.html" class="nav-link"><i class="fa-solid fa-circle-info" aria-hidden="true"></i> About</a>
</li>
<li class="nav-item">
<a href="../../index.html#calculators" class="nav-link"><i class="fa fa-calculator" aria-hidden="true"></i> Calculators</a>
</li>
Expand Down Expand Up @@ -88,6 +91,7 @@ <h2>Contact Us</h2>
</div>
<ul class="list-inline">
<li class="list-inline-item"><a href="../../index.html#home">Home</a></li>
<li class="list-inline-item"><a href="../about/about.html">About</a></li>
<li class="list-inline-item"><a href="../../index.html#calculators">Calculators</a></li>
<li class="list-inline-item"><a href="../contributors/contributor.html">Contributors</a></li>
<li class="list-inline-item"><a href="../faq/faq.html">FAQ</a></li>
Expand Down
6 changes: 5 additions & 1 deletion assets/contributors/contributor.html
Original file line number Diff line number Diff line change
Expand Up @@ -36,6 +36,9 @@
<li class="nav-item">
<a href="../../index.html" class="nav-link"><i class="fa fa-home" aria-hidden="true"></i> Home</a>
</li>
<li class="nav-item">
<a href="../about/about.html" class="nav-link"><i class="fa-solid fa-circle-info" aria-hidden="true"></i></i> About</a>
</li>
<li class="nav-item">
<a href="../../index.html#calculators" class="nav-link"><i class="fa fa-calculator" aria-hidden="true"></i> Calculators</a>
</li>
Expand Down Expand Up @@ -72,6 +75,7 @@ <h1>Faces of Dedication: Our Contributing Heroes</h1>
</div>
<ul class="list-inline">
<li class="list-inline-item"><a href="../../index.html#home">Home</a></li>
<li class="list-inline-item"><a href="../about/about.html">About</a></li>
<li class="list-inline-item"><a href="../../index.html#calculators">Calculators</a></li>
<li class="list-inline-item"><a href="./contributor.html">Contributors</a></li>
<li class="list-inline-item"><a href="../faq/faq.html">FAQ</a></li>
Expand All @@ -87,4 +91,4 @@ <h1>Faces of Dedication: Our Contributing Heroes</h1>

</body>

</html>
</html>
6 changes: 5 additions & 1 deletion assets/faq/faq.html
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@
<link rel="stylesheet" type="text/css" href="./faq.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" />
<script src="https://kit.fontawesome.com/b08b6de27e.js" crossorigin="anonymous"></script>
<title>FAQ | CalcDiverse</title>
<title>CalcDiverse | FAQ</title>
</head>

<body>
Expand All @@ -36,6 +36,9 @@
<li class="nav-item">
<a href="../../index.html" class="nav-link"><i class="fa fa-home" aria-hidden="true"></i> Home</a>
</li>
<li class="nav-item">
<a href="../about/about.html" class="nav-link"><i class="fa-solid fa-circle-info" aria-hidden="true"></i></i> About</a>
</li>
<li class="nav-item">
<a href="../../index.html#calculators" class="nav-link"><i class="fa fa-calculator" aria-hidden="true"></i> Calculators</a>
</li>
Expand Down Expand Up @@ -87,6 +90,7 @@
</div>
<ul class="list-inline">
<li class="list-inline-item"><a href="../../index.html">Home</a></li>
<li class="list-inline-item"><a href="../about/about.html">About</a></li>
<li class="list-inline-item"><a href="../../index.html#calculators">Calculators</a></li>
<li class="list-inline-item"><a href="../contributors/contributor.html">Contributors</a></li>
<li class="list-inline-item"><a href="./faq.html">FAQ</a></li>
Expand Down
4 changes: 4 additions & 0 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -35,6 +35,9 @@
<li class="nav-item">
<a href="#home" class="nav-link"><i class="fa fa-home" aria-hidden="true"></i> Home</a>
</li>
<li class="nav-item">
<a href="./assets/about/about.html" class="nav-link"><i class="fa-solid fa-circle-info" aria-hidden="true"></i></i> About</a>
</li>
<li class="nav-item">
<a href="#calculators" class="nav-link"><i class="fa fa-calculator" aria-hidden="true"></i> Calculators</a>
</li>
Expand Down Expand Up @@ -1858,6 +1861,7 @@ <h3>Checks if a number is circular prime and finds circular prime numbers in a r
</div>
<ul class="list-inline">
<li class="list-inline-item"><a href="#home">Home</a></li>
<li class="list-inline-item"><a href="./assets/about/about.html">About</a></li>
<li class="list-inline-item"><a href="#calculators">Calculators</a></li>
<li class="list-inline-item"><a href="./assets/contributors/contributor.html">Contributors</a></li>
<li class="list-inline-item"><a href="./assets/faq/faq.html">FAQ</a></li>
Expand Down