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

Jump to bottom

BUG: Improved Footer #2845

Merged
merged 1 commit into from
Aug 10, 2024
Merged

BUG: Improved Footer #2845

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
17 changes: 14 additions & 3 deletions assets/css/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@ body {
}

.icon {
margin-top: 10px;
margin-top: 3rem;
}


Expand Down Expand Up @@ -1966,7 +1966,17 @@ footer {
font-size: 1.6rem;
text-align: center;
}

.quicklinks {
font-size: 1.6rem;
text-align: center;
margin: 3rem;
}
.quicklinks .col-md-6{
margin: 2rem;
}
.foot-right{
padding: 2rem;
}
.foot-quick a {
color: #db3737;
text-decoration: none;
Expand Down Expand Up @@ -2004,7 +2014,8 @@ footer {

.foot-middle ul li,
.foot-middle h2 {
text-align: center;
text-align: justify;
margin-bottom: 2rem;
}

.nav-links {
Expand Down
25 changes: 14 additions & 11 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3465,7 +3465,7 @@ <h4>How do I ensure the safety and security of my personal information on SwapRe
</div>
</div>
<div class="foot-middle">
<h2>Quick Links</h2>
<h2 style="margin-left: 2rem; margin-top: 2.75rem;">Quick Links</h2>
<div id="quicklinks" class="row">
<div class="col-md-6">
<ul>
Expand Down Expand Up @@ -3534,15 +3534,6 @@ <h2>Quick Links</h2>



<div>
<label for="new-email" class="news-form">Subscribe to our Newsletter</label>
<div class="row-flex display-flex">
<form action="#" class="subscribe-form" id="subscribeForm">
<input type="email" id="emailInput" placeholder="Email Address" class="finput" style="margin-bottom: 10px; margin-top: 10px;" required>
<button type="submit" id="subscribeButton" class="subscribe" class="b">SUBSCRIBE</button>
</form>
</div>
</div>

<script>
function showConfirmationMessage() {
Expand Down Expand Up @@ -3611,6 +3602,18 @@ <h2>Quick Links</h2>
return false;
}
</script>-->
<div class="foot-right">
<h2 style="margin-bottom: 2.4rem; margin-top:0.5rem;">Stay Connected</h2>
<form id="newsform" onsubmit="return showConfirmationMessage();">
<label for="new-email" class="news-form">Subscribe to our Newsletter</label>
<div class="row-flex display-flex">
<input class="finput" type="email" id="new-email" name="email" placeholder="Email address"
pattern="[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}\.com$"
title="Please enter a valid email address that ends with '.com'" required>
<input type="submit" value="Subscribe" name="subscribe" class="subscribe" id="subs">
</div>
</form>
<div id="confirmationmessage" style="display: none;">Thank you for subscribing!</div>
<div class="icons">
<a href="https://www.linkedin.com/in/anurag-verma-b91417253/" target="_blank">
<div class="icon">
Expand Down Expand Up @@ -3651,7 +3654,7 @@ <h2>Quick Links</h2>
</div>
</a>


</div>
</div>
</div>
<div>
Expand Down
Loading