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

Added Sign-up page in Marketing Website #304

Merged
merged 5 commits into from
Jul 17, 2024
Merged

Added Sign-up page in Marketing Website #304

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
3f7b6c9
added sign-up page
BrajRaj89 Jul 16, 2024
5d215b1
added page
BrajRaj89 Jul 16, 2024
b898f41
updated
BrajRaj89 Jul 16, 2024
6704d95
Merge branch 'Main' into Validationpage
BrajRaj89 Jul 16, 2024
8b447db
Update index.html
dhairyagothi Jul 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
3 changes: 2 additions & 1 deletion public/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -440,7 +440,8 @@
<div class="project-name">Insect-Catch_Game</div>
<a href="public/Insect-Catch-Game/index.html" class="demo-link">Demo</a>
</div>


</div>
<div class="table">
<div class="day-number">Day 71</div>
<div class="project-name">Quotely Laughs</div>
Expand Down
6 changes: 3 additions & 3 deletions public/marketing_website/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -45,21 +45,21 @@ <h2>Services We Provide</h2>
<div class="col-md-4">
<div class="service-box">
<img src="rocket.jpg" alt="SEO" class="img-fluid">
<h3>Search Engine Optimization</h3>
<h3><a href="index2.html">Search Engine Optimization</a></h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
</div>
</div>
<div class="col-md-4">
<div class="service-box">
<img src="content marketing.jpg" alt="Content Marketing" class="img-fluid">
<h3>Content Marketing</h3>
<h3><a href="index2.html">Content Marketing</a></h3>
<p>Sed pellentesque malesuada sodales semper porttitor ante imperdiet.</p>
</div>
</div>
<div class="col-md-4">
<div class="service-box">
<img src="webdevlopement.jpg" alt="Web Design" class="img-fluid">
<h3>Web Design & Development</h3>
<h3><a href="index2.html">Web Design & Development</a></h3>
<p>Pellentesque finibus convallis fringilla lorem id orci dictum ipsumsanmaximus.</p>
</div>
</div>
Expand Down
175 changes: 175 additions & 0 deletions public/marketing_website/index2.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,175 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="utf-8">
<title>Sign Up</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">

<!-- Google Web Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&display=swap" rel="stylesheet">

<!-- Icon Font Stylesheet -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet">

<!-- Customized Bootstrap Stylesheet -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">

<!-- Template Stylesheet -->
<link href="css/style.css" rel="stylesheet">

<style>
body {
background-image: url(".vscode\imGW.jpg"); /* Replace with your image path */
background-repeat: no-repeat; /* Optional: set how the image repeats */
background-position: center; /* Optional: set the position of the image */
background-size: cover; /* Optional: set the size of the image */
font-family: 'Open Sans', sans-serif;
background-color:rgb(220, 220, 220);
}

main {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}

.signup {
background-color:#FAF9F6;
padding: 40px;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
max-width: 500px;
width: 100%;
background-image: url(".vscode\imGW.jpg"); /* Replace with your image path */
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}

.signup h2 {
text-align: center;
margin-bottom: 20px;
}

.signup form {
display: flex;
flex-direction: column;
}

.signup label {
margin-bottom: 5px;
}

.signup input {
padding: 10px;
margin-bottom: 10px;
border: 1px solid #ccc;
border-radius: 4px;
}


.signup button {
padding: 10px 20px;
border: none;
border-radius: 4px;
background: #333;
color: #fff;
cursor: pointer;
transition: background 0.3s;
}

.signup button:hover {
background: #555;
}

.password-info {
font-size: 12px;
color: #666;
}

.social-buttons {
display: flex;
justify-content: space-between;
}

.social-buttons a,
.social-buttons button {
flex: 1;
margin: 5px;
padding: 10px;
border: none;
border-radius: 4px;
background: #4285F4; /* Default to Google Blue */
color: #fff;
cursor: pointer;
text-align: center;
text-decoration: none;
transition: background 0.3s;
}

.social-buttons button {
background: #3b5998; /* Facebook Blue */
}

.social-buttons a:hover,
.social-buttons button:hover {
background: #666;
}

#success {
color: green;
font-size: 14px;
text-align: center;
margin-top: 10px;
}

</style>
</head>

<body>
<main>
<section class="signup">
<h2>Sign Up</h2>
<form name="submit-to-google-sheet">
<label for="name">Full Name:</label>
<input type="text" id="name" name="name" required placeholder="Enter your full name">
<label for="email">Email:</label>
<input type="email" id="email" name="email" required placeholder="[email protected]">
<label for="password">Password:</label>
<input type="password" id="password" name="password" required placeholder="Create password">
<p class="password-info">Between 8 and 72 characters</p>
<button type="submit">submit</button>
<span id="success"></span>
</form>
<p>or</p>
<div class="social-buttons">
<a href="#"><i class="fab fa-google"></i> Continue with Google</a>
<button><i class="fab fa-facebook"></i> Continue with Facebook</button>
</div>
<h7><a href="index.html">back Homepage</a></h7>
</section>
</main>

<!-- JavaScript for form submission -->
<script>
const scriptURL = 'put the url'; // Change this URL to point to the desired endpoint
const form = document.forms['submit-to-google-sheet'];
const success = document.getElementById("success");

form.addEventListener('submit', e => {
e.preventDefault();
fetch(scriptURL, { method: 'POST', body: new FormData(form)})
.then(response => {
success.innerHTML = "Data successfully submitted";
setTimeout(() => success.innerHTML = "", 7000);
form.reset();
})
.catch(error => console.error('Error!', error.message));
});
</script>
</body>
</html>