Fixed fonts, changed contact page. removed lines
This commit is contained in:
parent
c3f9a650c7
commit
62ef5a38c6
@ -24,7 +24,8 @@ section, summary, time, mark, audio, video {
|
||||
border: 0;
|
||||
font-size: 100%;
|
||||
font: inherit;
|
||||
vertical-align: baseline;}
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
article, aside, details, figcaption, figure,
|
||||
footer, header, hgroup, menu, nav, section {
|
||||
@ -178,11 +179,11 @@ input, select, textarea {
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
color: #ffffff;
|
||||
font-weight: 600;
|
||||
/*font-weight: 600;*/
|
||||
line-height: 1.5;
|
||||
margin: 0 0 1rem 0;
|
||||
/*margin: 0 0 1rem 0;*/
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.2rem;
|
||||
letter-spacing: 0.4rem;
|
||||
}
|
||||
|
||||
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
|
||||
@ -190,21 +191,21 @@ input, select, textarea {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
h1.major, h2.major, h3.major, h4.major, h5.major, h6.major {
|
||||
border-bottom: solid 1px #ffffff;
|
||||
width: -moz-max-content;
|
||||
width: -webkit-max-content;
|
||||
width: -ms-max-content;
|
||||
width: max-content;
|
||||
padding-bottom: 0.5rem;
|
||||
margin: 0 0 2rem 0;
|
||||
}
|
||||
/*h1.major, h2.major, h3.major, h4.major, h5.major, h6.major {*/
|
||||
/* border-bottom: solid 1px #ffffff;*/
|
||||
/* width: -moz-max-content;*/
|
||||
/* width: -webkit-max-content;*/
|
||||
/* width: -ms-max-content;*/
|
||||
/* width: max-content;*/
|
||||
/* padding-bottom: 0.5rem;*/
|
||||
/* margin: 0 0 2rem 0;*/
|
||||
/*}*/
|
||||
|
||||
h1 {
|
||||
font-family: 'Oswald', sans-serif;
|
||||
font-size: 2.25rem;
|
||||
line-height: 1.3;
|
||||
letter-spacing: 0.5rem;
|
||||
font-size: 3.25rem;
|
||||
/*line-height: 1.3;*/
|
||||
/*letter-spacing: 0.5rem;*/
|
||||
}
|
||||
|
||||
h2 {
|
||||
@ -609,7 +610,7 @@ input, select, textarea {
|
||||
/* Icon */
|
||||
|
||||
.custom-icon{
|
||||
width: 5rem;
|
||||
width: 15rem;
|
||||
}
|
||||
|
||||
.icon {
|
||||
@ -1280,19 +1281,19 @@ input, select, textarea {
|
||||
-ms-transition: opacity 0.325s ease-in-out;
|
||||
transition: opacity 0.325s ease-in-out;
|
||||
position: relative;
|
||||
margin-top: 3.5rem;
|
||||
margin-top: .5rem;
|
||||
}
|
||||
|
||||
#header > *:before {
|
||||
content: '';
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: calc(-3.5rem - 1px);
|
||||
left: calc(50% - 1px);
|
||||
width: 1px;
|
||||
height: calc(3.5rem + 1px);
|
||||
background: #ffffff;
|
||||
}
|
||||
/*#header > *:before {*/
|
||||
/* content: '';*/
|
||||
/* display: block;*/
|
||||
/* position: absolute;*/
|
||||
/* top: calc(-3.5rem - 1px);*/
|
||||
/* left: calc(50% - 1px);*/
|
||||
/* width: 1px;*/
|
||||
/* height: calc(3.5rem + 1px);*/
|
||||
/* background: #ffffff;*/
|
||||
/*}*/
|
||||
|
||||
#header > :first-child {
|
||||
margin-top: 0;
|
||||
|
30
index.html
30
index.html
@ -17,15 +17,16 @@
|
||||
|
||||
<!-- Header -->
|
||||
<header id="header">
|
||||
<div class="logo">
|
||||
<div>
|
||||
<img src="images/Fav.png" alt="317 Logo" class="custom-icon"></img>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="inner">
|
||||
<h1>3:17 Cleaning</h1>
|
||||
<p>Thourough. Thoughtful. There.</p>
|
||||
<h1 style="font-family: 'Times New Roman', Times, serif;">3:17 Cleaning</h1>
|
||||
<p style="font-family: 'Oswald', sans-serif;">Thourough. Thoughtful. There.</p>
|
||||
</div>
|
||||
</div>
|
||||
<nl></nl><nl></nl><nl></nl><nl></nl><nl></nl><nl></nl><nl></nl>
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a href="#distinctions">Services</a></li>
|
||||
@ -100,26 +101,9 @@
|
||||
<!-- Contact -->
|
||||
<article id="contact">
|
||||
<h2 class="major">Contact</h2>
|
||||
<form method="post" action="#">
|
||||
<div class="fields">
|
||||
<div class="field half">
|
||||
<label for="name">Name</label>
|
||||
<input type="text" name="name" id="name"/>
|
||||
</div>
|
||||
<div class="field half">
|
||||
<label for="email">Email</label>
|
||||
<input type="text" name="email" id="email"/>
|
||||
</div>
|
||||
<div class="field">
|
||||
<label for="message">Message</label>
|
||||
<textarea name="message" id="message" rows="4"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<ul class="actions">
|
||||
<li><input type="submit" value="Send Message" class="primary"/></li>
|
||||
<li><input type="reset" value="Reset"/></li>
|
||||
</ul>
|
||||
</form>
|
||||
<span class="image main" style="background-color: #FDF5E6"><img src="images/Fav.png" alt=""/></span>
|
||||
<p>Schedule your FREE walkthrough today! Contact us at shelby317cleaning@gmail.com <p/>
|
||||
|
||||
</article>
|
||||
|
||||
<!-- Elements -->
|
||||
|
Loading…
x
Reference in New Issue
Block a user