Skip to content

Instantly share code, notes, and snippets.

@victorighalo

victorighalo/Contact.cshtml

Last active March 9, 2018 21:01
Show Gist options
  • Save victorighalo/0b274a4c8826dddc6fa5580db06faaa0 to your computer and use it in GitHub Desktop.
Save victorighalo/0b274a4c8826dddc6fa5580db06faaa0 to your computer and use it in GitHub Desktop.
Download ZIP
Umbraco Contact Form Template
Raw
Contact.cshtml
@inherits Umbraco.Web.Mvc.UmbracoTemplatePage
@using ContentModels = Umbraco.Web.PublishedContentModels;
@{
Layout = null;
}
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link rel="stylesheet" src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" />
<style>
html{
font-size:16px;
}
#page_loader_wyzweb{
position:fixed;
top:0;
bottom:0;
left:0;
right:0;
background:#fff;
z-index:50;
height:100%;
display:block;
}
#page_loader_wyzweb p{
text-align:center;
font-size:140%;
color:#fff;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%);
ms-transform:translate(-50%, -50%);
}
.overflow_wyzweb{
position:fixed;
top:0;
bottom:0;
left:0;
right:0;
background:rgba(000,000,000,0.8);
z-index:99;
height:100%;
display:none;
}
.overflow_wyzweb div.text{
text-align:center;
font-size:140%;
color:#fff;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%);
ms-transform:translate(-50%, -50%);
}
</style>
</head>
<body>
<div id="page_loader_wyzweb">
<p>Loading</p>
</div>
<div class="overflow_wyzweb">
<div class="text">
Sending...
</div>
</div>
<header class="header">
<div class="text-center jumbotron">Contact us</ div>
<br><br>
</header>
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
@{ Html.RenderAction("RenderContactForm", "Contact"); }
</div>
<div class="col-md-12">
<footer class="" style="height:100px">
<div class="container">
<div class="row">
<div class="col-md-12 ta-center">
</div>
</div>
</div>
</footer>
</div>
</div>
</body>
<script src="@Url.Content("https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js")"></script>
<script src="@Url.Content("https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js")"></script>
<script>
$(window).load(function(){
$("#page_loader_wyzweb").hide();
});
$(document).ready( function(){
$("#submit_reg_wyzweb").click(function(){
$(".overflow_wyzweb").show();
})
})
</script>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment