-
Notifications
You must be signed in to change notification settings - Fork 724
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #3038 from ark0078/main
I've successfully added the new Stay connected portion along with a perfect email box so that the reader gets understood what it is actually and can register there by writing their email
- Loading branch information
Showing
2 changed files
with
100 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,72 @@ | ||
.newsletter-container { | ||
background-color: #f28b82; | ||
padding: 30px; | ||
border-radius: 10px; | ||
text-align: center; | ||
max-width: 400px; | ||
margin: 0 auto; | ||
} | ||
|
||
.newsletter-container h2 { | ||
font-family: Arial, sans-serif; | ||
font-size: 1.8em; | ||
font-weight: bold; | ||
color: #000; | ||
} | ||
|
||
.newsletter-container p { | ||
font-size: 1em; | ||
color: #4a4a4a; | ||
} | ||
|
||
.newsletter-form { | ||
margin-top: 20px; | ||
} | ||
|
||
.newsletter-form input[type="email"] { | ||
padding: 10px; | ||
width: 100%; | ||
max-width: 300px; | ||
margin-bottom: 15px; | ||
font-size: 1em; | ||
border: 1px solid #b22222; | ||
border-radius: 5px; | ||
outline: none; | ||
color: #000; | ||
background-color: #fff; | ||
} | ||
|
||
.newsletter-form input[type="email"]::placeholder { | ||
color: #b22222; | ||
} | ||
|
||
.newsletter-form button { | ||
padding: 10px 30px; | ||
background-color: #8b0000; | ||
border: none; | ||
color: white; | ||
font-size: 1.2em; | ||
cursor: pointer; | ||
border-radius: 5px; | ||
} | ||
|
||
.newsletter-form button:hover { | ||
background-color: #b22222; | ||
} | ||
|
||
.social-icons { | ||
margin-top: 20px; | ||
} | ||
|
||
.social-icons a { | ||
text-decoration: none; | ||
color: #000; | ||
font-size: 1.8em; | ||
margin: 0 10px; | ||
} | ||
|
||
.social-icons a:hover { | ||
color: #b22222; | ||
} | ||
|
||
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,28 @@ | ||
<!DOCTYPE html> | ||
<html lang="en"> | ||
<head> | ||
<meta charset="UTF-8"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
<title>Document</title> | ||
<link rel="stylesheet" href="email.css"> | ||
</head> | ||
<body> | ||
<div class="newsletter-container"> | ||
<h2>Stay Connected</h2> | ||
<p>Subscribe to our Newsletter</p> | ||
<form class="newsletter-form"> | ||
<input type="email" placeholder="Enter your email address" required /> | ||
<button type="submit">Subscribe</button> | ||
</form> | ||
<div class="social-icons"> | ||
<a href="#" target="_blank"><i class="fa-brands fa-discord"></i></a> | ||
<a href="#" target="_blank"><i class="fa-brands fa-linkedin"></i></a> | ||
<a href="#" target="_blank"><i class="fa-brands fa-facebook"></i></a> | ||
<a href="#" target="_blank"><i class="fa-brands fa-twitter"></i></a> | ||
<a href="#" target="_blank"><i class="fa-brands fa-instagram"></i></a> | ||
<a href="#" target="_blank"><i class="fa-brands fa-youtube"></i></a> | ||
<a href="#" target="_blank"><i class="fa-brands fa-github"></i></a> | ||
</div> | ||
</div> | ||
</body> | ||
</html> |