Skip to content

Commit

Permalink
Fixed logo redirect, updated font-size on FAQs, removed white space i…
Browse files Browse the repository at this point in the history 
…n contact and added a navbar in contact
  • Loading branch information
@TusharDahiyaa
TusharDahiyaa committed Jan 14, 2024
1 parent 6d4ca4c commit 784046a
Show file tree
Hide file tree
Showing 4 changed files with 219 additions and 142 deletions.
281 changes: 169 additions & 112 deletions contact/index.html
View file
Original file line number Diff line number Diff line change
@@ -1,119 +1,177 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Data Science Portal | Contact Us</title>
<meta name="author" content="Data Science">
<meta name="author" content="Data Science" />
<meta name="title" content="Data Science Portal | Contact Us" />
<meta name="description" content="We offer complete resources for data science, which helps students in their academics as well as aspiring data scientist to learn data science in depth">
<meta name="keywords" content="login data science portal, data scientist, data science, what is data scientist, data scientist course, data science course, free data science course">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<link rel="stylesheet" href="../css/style.css">
<meta
name="description"
content="We offer complete resources for data science, which helps students in their academics as well as aspiring data scientist to learn data science in depth"
/>
<meta
name="keywords"
content="login data science portal, data scientist, data science, what is data scientist, data scientist course, data science course, free data science course"
/>
<link rel="stylesheet" href="style.css" />
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
/>
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet" />
<link rel="stylesheet" href="../css/style.css" />
</head>

<body>
<header>
<nav class="navbar">
<div class="container nav__container grad">
<!--<div class="logo">
<img src="./images/logo.png" alt="">
</div>-->
<a href="http://127.0.0.1:5503/index.html">
<h4>DATA SCIENCE</h4>
</a>
<ul class="nav__menu">
<li><a href="../index.html">Home</a></li>
<li><a href="../index.html#about">About</a></li>
<li><a href="../index.html#courses">Courses</a></li>
<li><a href="../index.html#faqs">FAQ</a></li>
<li><a href="../contact/index.html">Contact</a></li>
<!-- <li><a class="signup" href="../login/index.html">Sign Up</a></li> -->
<li><a class="signup" href="../login/index.html">Sign Up</a></li>
</ul>

<button id="open-menu-btn"><i class="uil uil-bars"></i></button>
<button id="close-menu-btn"><i class="uil uil-multiply"></i></button>
</div>
</nav>
</header>
<body>
<header>
<nav class="navbar">
<div class="container nav__container grad">
<!--<div class="logo">
<img src="./images/logo.png" alt="">
</div>-->
<a href="/">
<h4>DATA SCIENCE</h4>
</a>
<ul class="nav__menu">
<li class="active nav-link-container">
<a href="/" class="nav-link nav-animation">Home</a>
</li>
<li class="nav-link-container">
<a href="/#about" class="nav-link nav-animation">About</a>
</li>
<li class="nav-link-container">
<a href="/#courses" class="nav-link nav-animation">Courses</a>
</li>
<li class="nav-link-container">
<a href="/#faqs" class="nav-link nav-animation">FAQ</a>
</li>
<li class="nav-link-container">
<a href="../contact/index.html" class="nav-link nav-animation"
>Contact</a
>
</li>
<li class="nav-link-container">
<a href="../Team/team.html" class="nav-link nav-animation"
>TEAM</a
>
</li>
<li class="nav-link-container">
<a class="signup nav-link" href="./login/index.html">Sign Up</a>
</li>
</ul>
<button id="open-menu-btn"><i class="uil uil-bars"></i></button>
<button id="close-menu-btn"><i class="uil uil-multiply"></i></button>
</div>
</nav>
</header>

<main>
<section class = "contact-section">
<div class = "contact-bg" style="background-image: url(images/p02q_rf7s_191031.jpg)">
<!-- <h3>Get in Touch with Us</h3> -->
<h2>contact us</h2>
<div class = "line">
<div></div>
<div></div>
<div></div>
</div>
</div>
<div class = "contact-body">
<div class = "contact-info">
<div data-aos="zoom-in" data-aos-duration="100">
<span><i class = "fas fa-mobile-alt"></i></span>
<span>Phone No.</span>
<span class = "text">1-2392-23928-2</span>
</div>
<div data-aos="zoom-in" data-aos-duration="100">
<span><i class = "fas fa-envelope-open"></i></span>
<span>E-mail</span>
<span class = "text">mail@company.com</span>
</div>
<div data-aos="zoom-in" data-aos-duration="100">
<span><i class = "fas fa-brands fa-github"></i></span>
<span>Github</span>
<span class = "text"><a href="https://github.com/aniketsinha2002/DataScienceWebsite.github.io" target="_blank" rel="noopener noreferrer" style="text-decoration: none;color: white;">LINK</a></span>
</div>
<div data-aos="zoom-in" data-aos-duration="100">
<span><i class = "fas fa-clock"></i></span>
<span>Opening Hours</span>
<span class = "text">Monday - Friday (9:00 AM to 5:00 PM)</span>
</div>
</div>

<div style="padding: 5% 9%;" class = "contact-form container-fluid">
<form data-aos="fade-right"
data-aos-offset="300"
data-aos-easing="ease-in-sine">
<div>
<input type = "text" class = "form-control" placeholder="First Name">
<input type = "text" class = "form-control" placeholder="Last Name">
</div>
<div>
<input type = "email" class = "form-control" placeholder="E-mail">
<input type = "text" class = "form-control" placeholder="Phone">
</div>
<textarea rows = "5" placeholder="Message" class = "form-control"></textarea>
<input type = "submit" class = "send-btn" value = "send message">
</form>

<div data-aos="fade-left"
data-aos-offset="300"
data-aos-easing="ease-in-sine">
<img src = "../images/contact-png.webp" alt = "contact_us_illustration" >
</div>
</div>
<section class="contact-section">
<div
class="contact-bg"
style="background-image: url(images/p02q_rf7s_191031.jpg)"
>
<!-- <h3>Get in Touch with Us</h3> -->
<h2>contact us</h2>
<div class="line">
<div></div>
<div></div>
<div></div>
</div>
</div>
<div class="contact-body">
<div class="contact-info">
<div data-aos="zoom-in" data-aos-duration="100">
<span><i class="fas fa-mobile-alt"></i></span>
<span>Phone No.</span>
<span class="text">1-2392-23928-2</span>
</div>

<div class = "contact-footer">
<h3>Follow Us</h3>
<div class = "social-links">
<a href = "#" class = "fab fa-facebook-f"></a>
<a href = "#" class = "fab fa-twitter"></a>
<a href = "#" class = "fab fa-instagram"></a>
<a href = "#" class = "fab fa-linkedin"></a>
<a href = "#" class = "fab fa-youtube"></a>
<div data-aos="zoom-in" data-aos-duration="100">
<span><i class="fas fa-envelope-open"></i></span>
<span>E-mail</span>
<span class="text">mail@company.com</span>
</div>
<div data-aos="zoom-in" data-aos-duration="100">
<span><i class="fas fa-brands fa-github"></i></span>
<span>Github</span>
<span class="text"
><a
href="https://github.com/aniketsinha2002/DataScienceWebsite.github.io"
target="_blank"
rel="noopener noreferrer"
style="text-decoration: none; color: white"
>LINK</a
></span
>
</div>
<div data-aos="zoom-in" data-aos-duration="100">
<span><i class="fas fa-clock"></i></span>
<span>Opening Hours</span>
<span class="text">Monday - Friday (9:00 AM to 5:00 PM)</span>
</div>
</div>

<div style="padding: 5% 9%" class="contact-form container-fluid">
<form
data-aos="fade-right"
data-aos-offset="300"
data-aos-easing="ease-in-sine"
>
<div>
<input
type="text"
class="form-control"
placeholder="First Name"
/>
<input
type="text"
class="form-control"
placeholder="Last Name"
/>
</div>
<div>
<input type="email" class="form-control" placeholder="E-mail" />
<input type="text" class="form-control" placeholder="Phone" />
</div>
<textarea
rows="5"
placeholder="Message"
class="form-control"
></textarea>
<input type="submit" class="send-btn" value="send message" />
</form>

<div
data-aos="fade-left"
data-aos-offset="300"
data-aos-easing="ease-in-sine"
>
<img
src="../images/contact-png.webp"
alt="contact_us_illustration"
/>
</div>
</section>
</div>
</div>

<div class="contact-footer">
<h3>Follow Us</h3>
<div class="social-links">
<a href="#" class="fab fa-facebook-f"></a>
<a href="#" class="fab fa-twitter"></a>
<a href="#" class="fab fa-instagram"></a>
<a href="#" class="fab fa-linkedin"></a>
<a href="#" class="fab fa-youtube"></a>
</div>
</div>
</section>
</main>

<!-- FOOTER SECTION START -->
<footer>
<div class="container footer__container1">
Expand Down Expand Up @@ -153,7 +211,7 @@ <h4>Contact Us</h4>
<a href="tel:+91 0000000000" style="color: white"
>+91 0000000000</a
>
<br>
<br />
<a href="tel:+91 0000000000" style="color: white"
>+91 0000000000</a
>
Expand Down Expand Up @@ -193,10 +251,9 @@ <h4>Contact Us</h4>
<small>&copy; Copyright 2023 | <span>Aniket Sinha</span></small>
</div>
</footer>

</body>
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
<script>
AOS.init();
</script>
</html>
</body>
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
<script>
AOS.init();
</script>
</html>
27 changes: 14 additions & 13 deletions contact/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,8 +14,7 @@ body {
}

.contact-bg {
margin-top: -7rem;
height: 100vh;
height: 60vh;
background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.8));
/* , url(images/contact-bg.jpg) */
/* background-position: 50% 100%;
Expand Down Expand Up @@ -149,7 +148,7 @@ body {
outline: 0;
color: #fff;
}
.form-control::placeholder{
.form-control::placeholder {
color: #ffffff52;
}
.form-control:focus {
Expand All @@ -165,7 +164,7 @@ body {
font-size: 1rem;
text-transform: uppercase;
color: #fff;
background:rgba(33, 186, 247, 0.74);
background: rgba(33, 186, 247, 0.74);
/* background: #f7327a; */
border: none;
border-radius: 5px;
Expand All @@ -175,7 +174,7 @@ body {
}
.send-btn:hover {
/* opacity: 0.8; */
background:rgb(100, 203, 245);
background: rgb(100, 203, 245);
/* background: #e383a6e9; */
color: #fff;
}
Expand Down Expand Up @@ -263,8 +262,6 @@ iframe {
}
}



/* *{
padding: 0;
margin: 0;
Expand Down Expand Up @@ -978,20 +975,24 @@ nav button {
.header__left p {
margin-bottom: 1.3rem;
}

.contact-bg {
height: 75vh;
}
}

/* Footer */
.footer__container1{
.footer__container1 {
display: flex;
align-items: flex-start;
justify-content:space-around;
justify-content: space-around;
flex-wrap: wrap;
row-gap: 50px;

}
.foot--1{
.foot--1 {
text-align: center;
flex-basis: 250px;
}
.foot--1 h4{
.foot--1 h4 {
margin-bottom: 30px;
}
}
Loading

0 comments on commit 784046a

Please sign in to comment.