Skip to content

Instantly share code, notes, and snippets.

@margieI

margieI/Contact.html

Last active August 29, 2015 14:21
Show Gist options
  • Save margieI/fbca79eac2afcfda55a4 to your computer and use it in GitHub Desktop.
Save margieI/fbca79eac2afcfda55a4 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
Contact.html
<!Doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Contact info</title>
<link rel="stylesheet" href="css/contactstyles.css">
</head>
<body>
<div class="container">
<div class="header">
<h1>Contact</h1>
<p><strong>Information by Margarita Margie
</strong></p>
<div id="paragraf">A fashion designer creates clothing for surfing and diving , including dresses, suits, pants and skirts<br> and accessories such as shoes, for consumers.
</div>
</div>
<div class="email">
<h2><strong>[email protected]</strong>
</h2>
</div>
<div class="adress"><h2>September 35 Portugal<br> I 4599 Lisbon<br>Company Fashion Designer
</h2></div>
<div class="phone"><p>company phone (355)487538<br>mobile phone 6975687250</p>
</div>
<div id="socialmedia">
<a class="social" href="https://www.facebook.com" role="button">FACEBOOK</a>
</div>
<div id="socialmedia2">
<a class="social2" href="#" role="button">DESIGNER</a>
</div>
</div> <!--end container-->
</body>
</html>
Raw
contactstyles.css
/** GENERAL**/
.content {
margin: 0 auto;
}
body{
background-image: url("../img/Natural-products.jpg");
}
.container{
text-align: center;
margin-bottom: 40px;
}
/**HEADER**/
.container{
color: White;
margin-top: 100px;
}
h1{
font-family: Futura;
font-size: 45px;
font-style: normal;
font-variant: small-caps;
font-weight: 400;
line-height: 54px;
}
/**body**/
.header p{
padding: 50px 60px 0px 65px;
font-family: Futura;
font-size: 25px;
font-weight:250;
}
/**paragraf**/
#paragraf{
padding: 20px 60px 0px 65px;
font-family: Futura;
font-size: 18px;
font-weight: 150;
text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
}
/**email adress phone**/
.email h2{
font-family: Futura;
font-size: 27px;
font-weight: 400;
padding: 45px 60px 0px 65px;
}
.adress h2{
padding: 20px 60px 0px 65px;
font-family: Futura;
font-size: 23px;
font-weight:20;
font-variant: small-caps;
color: #fff;
}
.phone{
font width: 18;
padding-top: 5px;
font-size: 18;
}
/** 2 botton**/
#socialmedia{
width:150px;
border:1.5px solid #fff;
padding:10px;
margin: 60px 30px 20px 765px;
}
#socialmedia2{
width:150px;
border:1.5px solid #fff;
padding:10px;
margin: -60px 30px 20px 1000px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment