Skip to content

Commit

Permalink
Merge pull request #358 from Sneha123-zudo/contact
Browse files Browse the repository at this point in the history 
Created a contact page
  • Loading branch information
@Priyanshi662
Priyanshi662 authored Feb 16, 2024
2 parents f4f6d76 + 5610e3c commit 3ef663a
Show file tree
Hide file tree
Showing 3 changed files with 209 additions and 0 deletions.
120 changes: 120 additions & 0 deletions contact.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,120 @@
*{
margin: 0px;
padding: 0px;
box-sizing: border-box;
}
body{
width: 100%;
height: 100%;
background-color: rgb(29, 28, 28);
}
.Header {
display: flex;
justify-content: space-evenly;
align-items: center;
text-align: center;
background-color: #4caf50;
color: white;
padding: 10px;
/* margin:0px 10px; */
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
display: flex;
justify-content: center;
align-items: center;
justify-content: space-between;
}

.rate-us-btn {
color: #4caf50;
background-color: #fff;
padding: 10px 15px;
border-radius: 5px;
text-decoration: none;
transition: background-color 0.3s ease;
}
label{
color: white;
}

.rate-us-btn:hover {
background-color: #0f0c0c;
color: #fff;
}

.Contributors {
color: #4caf50;
background-color: #fff;
padding: 10px 15px;
border-radius: 5px;
text-decoration: none;
transition: background-color 0.3s ease;
}

.Contributors:hover {
background-color: #03b300;
color: #fff;
}
.heading{
margin:30px 0px;
text-align: center;
font-size: 2.5rem;
font-weight: 700;
color: rgb(14, 109, 109);
}
.section{
display: flex;
}
.form{
display: flex;
flex-direction: column;
justify-content: center;
margin-left: 155px;
/* align-items: center; */
}
.textarea{
width: 300px;
height: 100px;
}
input{
border: 1px solid gray;
border-radius: 10px;
}
.name{
width: 185px;
height: 30px;
}
.mail{
width: 185px;
height: 30px;
}
footer{
padding: 20px;
color: white;
background-color:#4caf50 ;
margin-top: 30px;
}
.footers{
display: flex;
}
.copy{
text-align: center;
margin-top: 30px;
}
.summary{
display: flex;
flex-direction: column;
justify-content: center;
line-height: 2rem;
margin-right: 20px;
}
.what{
font-size: 1.2rem;
}
.contact{
display: flex;
flex-direction: column;
justify-content: center;
line-height: 2rem;
margin-right: 20px;
}
88 changes: 88 additions & 0 deletions contact.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,88 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="images/funfusion-logo.png" type="image/x-icon">
<title>Contact Us</title>
<link rel="stylesheet" href="contact.css">
</head>

<body>
<div class="Header" data-aos="fade-down-right">
<div class="left">
<h1>Fun Fusion</h1>
</div>
<div class="right">
<a href="index.html" class="rate-us-btn"></i>HOME</a>
<a href="faq/faq.html" class="rate-us-btn"></i>FAQ</a>
<a href="./login/index.html" class="rate-us-btn"> LOGIN</a>
<a href="./rate/index.html" class="rate-us-btn">&#9733; RATE US</a>
<a href="contributor.html" class="rate-us-btn">CONTRIBUTORS</a>
<a href="contact.html" class="rate-us-btn">CONTACT</a>
</div>
</div>
<div>
<div class="heading">CONTACT US</div>
<div class="section">
<div class="image"><img src="images/pngaaa.com-4606018.png" alt=""></div>
<div class="form">
<label for="name">Enter your Name</label>
<br>
<input type="text" class="name">
<br><br>
<label for="email">Enter your email</label>
<br>
<input type="email" class="mail">
<br><br>
<label for="query">Ask Your Query</label>
<br>
<input type="text" class="textarea">
</div>
</div>
</div>
<footer>
<div class="footers">
<div class="summary">
<h1>Fun Fusion</h1>
<div class="what">
<p>Fun Fusion is a hub of web applications dedicated to providing entertainment and
interactive experiences.
<br> Explore our collection of games and creative tools designed to bring
joy and
excitement
to your online adventures.</p>
</div>
</div>
<div class="">
<div class="contact">
<h1>Contact Us</h1>
<p>Have questions or suggestions? Feel free to reach out to our team. We'd love to hear
from
you!
</p>
<div class="">
Email: [email protected] <br>
Phone: [Your Phone Number]
</div>
</div>
<div class="social">
<a href="https://github.com/Priyanshi662/FunFusion" target="_blank"><i
class="bi bi-github hi"></i></a>
<a href="#"><i class="bi bi-twitter hi"></i></a>
<a href="#"><i class="bi bi-linkedin hi"></i></a>
<a href="#"><i class="bi bi-facebook hi"></i></a>
</div>
</div>
</div>
<div class="copy">
<p>&copy; 2024 Fun Fusion. All rights reserved.</p>
<p>Privacy Policy | Terms of Use</p>
</div>
</footer>


</body>

</html>
1 change: 1 addition & 0 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -34,6 +34,7 @@ <h1>Fun Fusion</h1>
<a href="./login/index.html" class="rate-us-btn"> LOGIN</a>
<a href="./rate/index.html" class="rate-us-btn">&#9733; RATE US</a>
<a href="contributor.html" class="rate-us-btn">CONTRIBUTORS</a>
<a href="contact.html" class="rate-us-btn">CONTACT</a>
<button id="theme-toggle"><span id="mode" style="filter: blur(0px);">dark</span> </button>
</div>
<div id="toggelBtn" onclick="openSidebar()">&#9776;</div>
Expand Down

0 comments on commit 3ef663a

Please sign in to comment.