Skip to content

Instantly share code, notes, and snippets.

@mewisme
Last active November 25, 2023 06:57
Show Gist options
  • Select an option

  • Save mewisme/b17e6564277b85bb54c01a1cdcf86f90 to your computer and use it in GitHub Desktop.

Select an option

Save mewisme/b17e6564277b85bb54c01a1cdcf86f90 to your computer and use it in GitHub Desktop.
Thank you
<section class="login-main-wrapper">
<div class="main-container">
<div class="login-process">
<div class="login-main-container">
<div class="thankyou-wrapper">
<h1><img src="http://montco.happeningmag.com/wp-content/uploads/2014/11/thankyou.png" alt="thanks" /></h1>
<p>for contacting us, we will get in touch with you soon... </p>
<a href="index.html">Back to home</a>
<div class="clr"></div>
</div>
<div class="clr"></div>
</div>
</div>
<div class="clr"></div>
</div>
</section>
<style>
.thankyou-wrapper{
width:100%;
height:auto;
margin:auto;
background:#ffffff;
padding:10px 0px 50px;
}
.thankyou-wrapper h1{
font:100px Arial, Helvetica, sans-serif;
text-align:center;
color:#333333;
padding:0px 10px 10px;
}
.thankyou-wrapper p{
font:26px Arial, Helvetica, sans-serif;
text-align:center;
color:#333333;
padding:5px 10px 10px;
}
.thankyou-wrapper a{
font:26px Arial, Helvetica, sans-serif;
text-align:center;
color:#ffffff;
display:block;
text-decoration:none;
width:250px;
background:#E47425;
margin:10px auto 0px;
padding:15px 20px 15px;
border-bottom:5px solid #F96700;
}
.thankyou-wrapper a:hover{
font:26px Arial, Helvetica, sans-serif;
text-align:center;
color:#ffffff;
display:block;
text-decoration:none;
width:250px;
background:#F96700;
margin:10px auto 0px;
padding:15px 20px 15px;
border-bottom:5px solid #F96700;
}
</style>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment