eggman20339/www317clean
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fixed fonts, changed contact page. removed lines

Browse Source
This commit is contained in:
eggman20339 2025-01-30 17:13:53 -05:00
parent c3f9a650c7
commit 62ef5a38c6
2 changed files with 36 additions and 51 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

57
assets/css/main.css
View File

@ -24,7 +24,8 @@ section, summary, time, mark, audio, video {
border: 0; border: 0;
font-size: 100%; font-size: 100%;
font: inherit; font: inherit;
vertical-align: baseline;} vertical-align: baseline;
}
article, aside, details, figcaption, figure, article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { footer, header, hgroup, menu, nav, section {
@ -178,11 +179,11 @@ input, select, textarea {
h1, h2, h3, h4, h5, h6 { h1, h2, h3, h4, h5, h6 {
color: #ffffff; color: #ffffff;
font-weight: 600; /*font-weight: 600;*/
line-height: 1.5; line-height: 1.5;
margin: 0 0 1rem 0; /*margin: 0 0 1rem 0;*/
text-transform: uppercase; text-transform: uppercase;
letter-spacing: 0.2rem; letter-spacing: 0.4rem;
} }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
@ -190,21 +191,21 @@ input, select, textarea {
text-decoration: none; text-decoration: none;
} }
h1.major, h2.major, h3.major, h4.major, h5.major, h6.major { /*h1.major, h2.major, h3.major, h4.major, h5.major, h6.major {*/
border-bottom: solid 1px #ffffff; /* border-bottom: solid 1px #ffffff;*/
width: -moz-max-content; /* width: -moz-max-content;*/
width: -webkit-max-content; /* width: -webkit-max-content;*/
width: -ms-max-content; /* width: -ms-max-content;*/
width: max-content; /* width: max-content;*/
padding-bottom: 0.5rem; /* padding-bottom: 0.5rem;*/
margin: 0 0 2rem 0; /* margin: 0 0 2rem 0;*/
} /*}*/
h1 { h1 {
font-family: 'Oswald', sans-serif; font-family: 'Oswald', sans-serif;
font-size: 2.25rem; font-size: 3.25rem;
line-height: 1.3; /*line-height: 1.3;*/
letter-spacing: 0.5rem; /*letter-spacing: 0.5rem;*/
} }
h2 { h2 {
@ -609,7 +610,7 @@ input, select, textarea {
/* Icon */ /* Icon */
.custom-icon{ .custom-icon{
width: 5rem; width: 15rem;
} }
.icon { .icon {
@ -1280,19 +1281,19 @@ input, select, textarea {
-ms-transition: opacity 0.325s ease-in-out; -ms-transition: opacity 0.325s ease-in-out;
transition: opacity 0.325s ease-in-out; transition: opacity 0.325s ease-in-out;
position: relative; position: relative;
margin-top: 3.5rem; margin-top: .5rem;
} }
#header > *:before { /*#header > *:before {*/
content: ''; /* content: '';*/
display: block; /* display: block;*/
position: absolute; /* position: absolute;*/
top: calc(-3.5rem - 1px); /* top: calc(-3.5rem - 1px);*/
left: calc(50% - 1px); /* left: calc(50% - 1px);*/
width: 1px; /* width: 1px;*/
height: calc(3.5rem + 1px); /* height: calc(3.5rem + 1px);*/
background: #ffffff; /* background: #ffffff;*/
} /*}*/
#header > :first-child { #header > :first-child {
margin-top: 0; margin-top: 0;

30
index.html
View File

@ -17,15 +17,16 @@
<!-- Header --> <!-- Header -->
<header id="header"> <header id="header">
<div class="logo"> <div>
<img src="images/Fav.png" alt="317 Logo" class="custom-icon"></img> <img src="images/Fav.png" alt="317 Logo" class="custom-icon"></img>
</div> </div>
<div class="content"> <div class="content">
<div class="inner"> <div class="inner">
<h1>3:17 Cleaning</h1> <h1 style="font-family: 'Times New Roman', Times, serif;">3:17 Cleaning</h1>
<p>Thourough. Thoughtful. There.</p> <p style="font-family: 'Oswald', sans-serif;">Thourough. Thoughtful. There.</p>
</div> </div>
</div> </div>
<nl></nl><nl></nl><nl></nl><nl></nl><nl></nl><nl></nl><nl></nl>
<nav> <nav>
<ul> <ul>
<li><a href="#distinctions">Services</a></li> <li><a href="#distinctions">Services</a></li>
@ -100,26 +101,9 @@
<!-- Contact --> <!-- Contact -->
<article id="contact"> <article id="contact">
<h2 class="major">Contact</h2> <h2 class="major">Contact</h2>
<form method="post" action="#"> <span class="image main" style="background-color: #FDF5E6"><img src="images/Fav.png" alt=""/></span>
<div class="fields"> <p>Schedule your FREE walkthrough today! Contact us at shelby317cleaning@gmail.com <p/>
<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>
</article> </article>
<!-- Elements --> <!-- Elements -->