Thank you page with simple HTML and CSS

-

 A simple Thank You page using HTML and CSS

Screenshot: -


Code: -

<!DOCTYPE html>

<html>

<head>

<title></title>

<style type="text/css">

.top-banner{

background: #f0f8ff;

font-size: 25px;

padding: 3px 0px 3px 0px;

text-align: center;

font-weight: 500;

font-family: sans-serif;

}

.center-banner{

margin-top: 40px;

border-top: 1px solid #ccc;

border-bottom: 1px solid #ccc;

padding: 8px 0px 8px 0px;

font-family: sans-serif;

}

.app-table{

margin-left: auto;

margin-right: auto;

}

</style>

</head>

<body>

<div class="top-banner">

<p>Thanks for writing to us, we will get back to you.</p>

</div>


<div class="center-banner">

<table class="app-table">

<tr>

<td>You can also follow us on</td>

<td><a href="https://www.linkedin.com/company/" target="_blank"><img src="https://drive.google.com/xxx" height="30" width="30" title="Example" /></a></td>

<td>to stay updated on new requirements</td>

</tr>

</table>

</div>

</body>

</html>

Comments

Post a Comment

Popular posts from this blog

Lightning component to display chart using Chart.Js

-
Image
In the following example, we are using Chart.Js plugin to implement Chart in our lightning component . I am using Account and it's related Contact for showing how many contact are related to one account graphically. Screenshots: - Apex: -   public class getContact {     @AuraEnabled     public static List<Contact> getContactList(){         List<Contact> con = [SELECT Id, Name, Email, Account.Name FROM Contact];         return con;     } } Component: - <aura:component implements="flexipage:availableForAllPageTypes" access="global" controller="getContact"> <!--attributes-->     <ltng:require scripts="{!$Resource.chartNew}" afterScriptsLoaded="{!c.scriptsLoaded}"/> <!--include chart JS plugin from static resource-->          <aura:handler name="init" value="{!this}" action="{!c.init}" /> <!--init method for getting contacts and acco...
Read more

Lightning component with drag and drop feature

-
Image
A simple lightning component explains how to create drag and drop elements in lightning. Screenshots: - Component: - Component_A.cmp <aura:component > <!--attribute-->          <!--component markup-->     <div class="slds-text-heading_large slds-p-left_medium">Component A</div>          <div class="slds-grid">         <div class="slds-col slds-size_3-of-12 one" draggable="true" ondragstart="{!c.dragStart}">             <div class="slds-text-heading_small">This is first box</div>         </div>                  <div class="slds-col slds-size_3-of-12 two" draggable="true" ondragstart="{!c.dragStart}">             <div class="slds-text-heading_small">This is second box</div>         </di...
Read more