cleaned up formatting
This commit is contained in:
parent
d1b9ec651f
commit
44d7df678c
670
index.html
670
index.html
@ -1,131 +1,151 @@
|
|||||||
<!DOCTYPE HTML>
|
<!DOCTYPE HTML>
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<title style="font-family: "times New Roman", Times, serif ">3:17 Cleaning</title>
|
<title>3:17 Cleaning</title>
|
||||||
<meta charset="utf-8" />
|
<meta charset="utf-8"/>
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
|
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"/>
|
||||||
<link rel="stylesheet" href="assets/css/main.css" />
|
<link rel="stylesheet" href="assets/css/main.css"/>
|
||||||
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
|
<noscript>
|
||||||
</head>
|
<link rel="stylesheet" href="assets/css/noscript.css"/>
|
||||||
<body class="is-preload">
|
</noscript>
|
||||||
|
</head>
|
||||||
|
<body class="is-preload">
|
||||||
|
|
||||||
<!-- Wrapper -->
|
<!-- Wrapper -->
|
||||||
<div id="wrapper">
|
<div id="wrapper">
|
||||||
|
|
||||||
<!-- Header -->
|
<!-- Header -->
|
||||||
<header id="header">
|
<header id="header">
|
||||||
<div class="logo">
|
<div class="logo">
|
||||||
<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>3:17 Cleaning</h1>
|
||||||
<p>Thourough. Thoughtful. There.</p>
|
<p>Thourough. Thoughtful. There.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<nav>
|
<nav>
|
||||||
<ul>
|
<ul>
|
||||||
<li><a href="#distinctions">Services</a></li>
|
<li><a href="#distinctions">Services</a></li>
|
||||||
<li><a href="#referrals">Reviews</a></li>
|
<li><a href="#referrals">Reviews</a></li>
|
||||||
<li><a href="#about">About</a></li>
|
<li><a href="#about">About</a></li>
|
||||||
<li><a href="#contact">Contact</a></li>
|
<li><a href="#contact">Contact</a></li>
|
||||||
<!--<li><a href="#elements">Elements</a></li>-->
|
<!--<li><a href="#elements">Elements</a></li>-->
|
||||||
</ul>
|
</ul>
|
||||||
</nav>
|
</nav>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<!-- Main -->
|
<!-- Main -->
|
||||||
<div id="main">
|
<div id="main">
|
||||||
|
|
||||||
<!-- Distinctions -->
|
<!-- Distinctions -->
|
||||||
<article id="distinctions">
|
<article id="distinctions">
|
||||||
<h2 class="major">Services</h2>
|
<h2 class="major">Services</h2>
|
||||||
<span class="image main"><img src="images/pic01.jpg" alt="" /></span>
|
<span class="image main"><img src="images/pic01.jpg" alt=""/></span>
|
||||||
<p>What makes 3:17 CLEANING unique?
|
<p>What makes 3:17 CLEANING unique?
|
||||||
|
|
||||||
</p> We offer residential cleaning to local clients. So you can expect a personal and friendly relationship with the cleaners in your house.
|
</p> We offer residential cleaning to local clients. So you can expect a personal and friendly relationship
|
||||||
</p> We offer trustworthy services and promise to be honest as we work in your home. You never need to worry about how your property is being treated.
|
with the cleaners in your house.
|
||||||
</p> We deliver dependable and flexible cleaning services. You can count on a clean house to fit into your schedule.
|
</p> We offer trustworthy services and promise to be honest as we work in your home. You never need to worry
|
||||||
</p> We provide thorough cleaning services. So you don’t have to rewipe the mirror after we leave.
|
about how your property is being treated.
|
||||||
</p> We’re willing to consider whatever you need done. Everything has the chance to be clean.
|
</p> We deliver dependable and flexible cleaning services. You can count on a clean house to fit into your
|
||||||
|
schedule.
|
||||||
|
</p> We provide thorough cleaning services. So you don’t have to rewipe the mirror after we leave.
|
||||||
|
</p> We’re willing to consider whatever you need done. Everything has the chance to be clean.
|
||||||
|
|
||||||
</p> Serving areas around Quarryville, New Providence, Holtwood, Kirkwood, Strasburg, Willow Street, and the Buck, contact us today to find out if you’re in 3:17 CLEANING’s area of service.
|
</p> Serving areas around Quarryville, New Providence, Holtwood, Kirkwood, Strasburg, Willow Street, and the
|
||||||
</p>
|
Buck, contact us today to find out if you’re in 3:17 CLEANING’s area of service.
|
||||||
</article>
|
</p>
|
||||||
|
</article>
|
||||||
|
|
||||||
<!-- About -->
|
<!-- About -->
|
||||||
<article id="about">
|
<article id="about">
|
||||||
<h2 class="major">About</h2>
|
<h2 class="major">About</h2>
|
||||||
<span class="image main"><img src="images/pic02.jpg" alt="" /></span>
|
<span class="image main"><img src="images/pic02.jpg" alt=""/></span>
|
||||||
<p> Who’s behind the spray bottle?
|
<p> Who’s behind the spray bottle?
|
||||||
<p> Shelby Schick helps keep the fast-paced world from tracking into her clients' homes by taking care of the time-eating cleaning tasks. Her goal is to provide more time for rest without the underlying guilt of pushing off cleaning the shower until next week.
|
<p> Shelby Schick helps keep the fast-paced world from tracking into her clients' homes by taking care of
|
||||||
|
the time-eating cleaning tasks. Her goal is to provide more time for rest without the underlying guilt
|
||||||
|
of pushing off cleaning the shower until next week.
|
||||||
|
|
||||||
<p> Founding 3:17 CLEANING in early 2024, Shelby wanted the name of her business to encapsulate not only the work she offers, but the nature of her services. “Whatever you do, in word or in deed, do all in the name of the Lord Jesus Christ, giving thanks through Him to God the Father” (Colossians 3:17). Shelby's in her happy place when she's cleaning and she's thankful for every client who gives her the opportunity to multiply that joy.
|
<p> Founding 3:17 CLEANING in early 2024, Shelby wanted the name of her business to encapsulate not only the
|
||||||
|
work she offers, but the nature of her services. “Whatever you do, in word or in deed, do all in the
|
||||||
|
name of the Lord Jesus Christ, giving thanks through Him to God the Father” (Colossians 3:17). Shelby's
|
||||||
|
in her happy place when she's cleaning and she's thankful for every client who gives her the opportunity
|
||||||
|
to multiply that joy.
|
||||||
|
|
||||||
<p> When she’s not polishing a window, you can find Shelby keeping her five younger siblings in line, enjoying a mocha at the Daily Grind in Quarryville, or working on her latest novel as a student for gifted writers in the Author Conservatory.
|
<p> When she’s not polishing a window, you can find Shelby keeping her five younger siblings in line,
|
||||||
|
enjoying a mocha at the Daily Grind in Quarryville, or working on her latest novel as a student for
|
||||||
|
gifted writers in the Author Conservatory.
|
||||||
|
|
||||||
<p> Questions? Email Shelby at shelby317cleaning@gmail.com
|
<p> Questions? Email Shelby at shelby317cleaning@gmail.com
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
</article>
|
</article>
|
||||||
|
|
||||||
<!-- Referrals -->
|
<!-- Referrals -->
|
||||||
<article id="referrals">
|
<article id="referrals">
|
||||||
<h2 class="major">Reviews</h2>
|
<h2 class="major">Reviews</h2>
|
||||||
<span class="image main"><img src="images/pic03.jpg" alt="" /></span>
|
<span class="image main"><img src="images/pic03.jpg" alt=""/></span>
|
||||||
<p> What are others saying?
|
<p> What are others saying?
|
||||||
<p> "The only thing better than Shelby's work is her great attitude. She never disappoints!" -Dave and Jane Rhoads, former owners of the Willow Street House of Pizza
|
<p> "The only thing better than Shelby's work is her great attitude. She never disappoints!" -Dave and Jane
|
||||||
<p> More Testimonials coming soon!
|
Rhoads, former owners of the Willow Street House of Pizza
|
||||||
</p>
|
<p> More Testimonials coming soon!
|
||||||
|
</p>
|
||||||
|
|
||||||
|
|
||||||
</article>
|
</article>
|
||||||
|
|
||||||
<!-- Contact -->
|
<!-- Contact -->
|
||||||
<article id="contact">
|
<article id="contact">
|
||||||
<h2 class="major">Contact</h2>
|
<h2 class="major">Contact</h2>
|
||||||
<form method="post" action="#">
|
<form method="post" action="#">
|
||||||
<div class="fields">
|
<div class="fields">
|
||||||
<div class="field half">
|
<div class="field half">
|
||||||
<label for="name">Name</label>
|
<label for="name">Name</label>
|
||||||
<input type="text" name="name" id="name" />
|
<input type="text" name="name" id="name"/>
|
||||||
</div>
|
</div>
|
||||||
<div class="field half">
|
<div class="field half">
|
||||||
<label for="email">Email</label>
|
<label for="email">Email</label>
|
||||||
<input type="text" name="email" id="email" />
|
<input type="text" name="email" id="email"/>
|
||||||
</div>
|
</div>
|
||||||
<div class="field">
|
<div class="field">
|
||||||
<label for="message">Message</label>
|
<label for="message">Message</label>
|
||||||
<textarea name="message" id="message" rows="4"></textarea>
|
<textarea name="message" id="message" rows="4"></textarea>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<ul class="actions">
|
<ul class="actions">
|
||||||
<li><input type="submit" value="Send Message" class="primary" /></li>
|
<li><input type="submit" value="Send Message" class="primary"/></li>
|
||||||
<li><input type="reset" value="Reset" /></li>
|
<li><input type="reset" value="Reset"/></li>
|
||||||
</ul>
|
</ul>
|
||||||
</form>
|
</form>
|
||||||
</article>
|
</article>
|
||||||
|
|
||||||
<!-- Elements -->
|
<!-- Elements -->
|
||||||
<article id="elements">
|
<article id="elements">
|
||||||
<h2 class="major">Elements</h2>
|
<h2 class="major">Elements</h2>
|
||||||
|
|
||||||
<section>
|
<section>
|
||||||
<h3 class="major">Text</h3>
|
<h3 class="major">Text</h3>
|
||||||
<p>This is <b>bold</b> and this is <strong>strong</strong>. This is <i>italic</i> and this is <em>emphasized</em>.
|
<p>This is <b>bold</b> and this is <strong>strong</strong>. This is <i>italic</i> and this is <em>emphasized</em>.
|
||||||
This is <sup>superscript</sup> text and this is <sub>subscript</sub> text.
|
This is <sup>superscript</sup> text and this is <sub>subscript</sub> text.
|
||||||
This is <u>underlined</u> and this is code: <code>for (;;) { ... }</code>. Finally, <a href="#">this is a link</a>.</p>
|
This is <u>underlined</u> and this is code: <code>for (;;) { ... }</code>. Finally, <a href="#">this
|
||||||
<hr />
|
is a link</a>.</p>
|
||||||
<h2>Heading Level 2</h2>
|
<hr/>
|
||||||
<h3>Heading Level 3</h3>
|
<h2>Heading Level 2</h2>
|
||||||
<h4>Heading Level 4</h4>
|
<h3>Heading Level 3</h3>
|
||||||
<h5>Heading Level 5</h5>
|
<h4>Heading Level 4</h4>
|
||||||
<h6>Heading Level 6</h6>
|
<h5>Heading Level 5</h5>
|
||||||
<hr />
|
<h6>Heading Level 6</h6>
|
||||||
<h4>Blockquote</h4>
|
<hr/>
|
||||||
<blockquote>Fringilla nisl. Donec accumsan interdum nisi, quis tincidunt felis sagittis eget tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan faucibus. Vestibulum ante ipsum primis in faucibus lorem ipsum dolor sit amet nullam adipiscing eu felis.</blockquote>
|
<h4>Blockquote</h4>
|
||||||
<h4>Preformatted</h4>
|
<blockquote>Fringilla nisl. Donec accumsan interdum nisi, quis tincidunt felis sagittis eget tempus
|
||||||
<pre><code>i = 0;
|
euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis
|
||||||
|
volutpat ac adipiscing accumsan faucibus. Vestibulum ante ipsum primis in faucibus lorem ipsum dolor
|
||||||
|
sit amet nullam adipiscing eu felis.
|
||||||
|
</blockquote>
|
||||||
|
<h4>Preformatted</h4>
|
||||||
|
<pre><code>i = 0;
|
||||||
|
|
||||||
while (!deck.isInOrder()) {
|
while (!deck.isInOrder()) {
|
||||||
print 'Iteration ' + i;
|
print 'Iteration ' + i;
|
||||||
@ -134,234 +154,236 @@ while (!deck.isInOrder()) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
print 'It took ' + i + ' iterations to sort the deck.';</code></pre>
|
print 'It took ' + i + ' iterations to sort the deck.';</code></pre>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section>
|
<section>
|
||||||
<h3 class="major">Lists</h3>
|
<h3 class="major">Lists</h3>
|
||||||
|
|
||||||
<h4>Unordered</h4>
|
<h4>Unordered</h4>
|
||||||
<ul>
|
<ul>
|
||||||
<li>Dolor pulvinar etiam.</li>
|
<li>Dolor pulvinar etiam.</li>
|
||||||
<li>Sagittis adipiscing.</li>
|
<li>Sagittis adipiscing.</li>
|
||||||
<li>Felis enim feugiat.</li>
|
<li>Felis enim feugiat.</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
<h4>Alternate</h4>
|
<h4>Alternate</h4>
|
||||||
<ul class="alt">
|
<ul class="alt">
|
||||||
<li>Dolor pulvinar etiam.</li>
|
<li>Dolor pulvinar etiam.</li>
|
||||||
<li>Sagittis adipiscing.</li>
|
<li>Sagittis adipiscing.</li>
|
||||||
<li>Felis enim feugiat.</li>
|
<li>Felis enim feugiat.</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
<h4>Ordered</h4>
|
<h4>Ordered</h4>
|
||||||
<ol>
|
<ol>
|
||||||
<li>Dolor pulvinar etiam.</li>
|
<li>Dolor pulvinar etiam.</li>
|
||||||
<li>Etiam vel felis viverra.</li>
|
<li>Etiam vel felis viverra.</li>
|
||||||
<li>Felis enim feugiat.</li>
|
<li>Felis enim feugiat.</li>
|
||||||
<li>Dolor pulvinar etiam.</li>
|
<li>Dolor pulvinar etiam.</li>
|
||||||
<li>Etiam vel felis lorem.</li>
|
<li>Etiam vel felis lorem.</li>
|
||||||
<li>Felis enim et feugiat.</li>
|
<li>Felis enim et feugiat.</li>
|
||||||
</ol>
|
</ol>
|
||||||
<h4>Icons</h4>
|
<h4>Icons</h4>
|
||||||
<ul class="icons">
|
<ul class="icons">
|
||||||
<li><a href="#" class="icon brands fa-twitter"><span class="label">Twitter</span></a></li>
|
<li><a href="#" class="icon brands fa-twitter"><span class="label">Twitter</span></a></li>
|
||||||
<li><a href="#" class="icon brands fa-facebook-f"><span class="label">Facebook</span></a></li>
|
<li><a href="#" class="icon brands fa-facebook-f"><span class="label">Facebook</span></a></li>
|
||||||
<li><a href="#" class="icon brands fa-instagram"><span class="label">Instagram</span></a></li>
|
<li><a href="#" class="icon brands fa-instagram"><span class="label">Instagram</span></a></li>
|
||||||
<li><a href="#" class="icon brands fa-github"><span class="label">Github</span></a></li>
|
<li><a href="#" class="icon brands fa-github"><span class="label">Github</span></a></li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
<h4>Actions</h4>
|
<h4>Actions</h4>
|
||||||
<ul class="actions">
|
<ul class="actions">
|
||||||
<li><a href="#" class="button primary">Default</a></li>
|
<li><a href="#" class="button primary">Default</a></li>
|
||||||
<li><a href="#" class="button">Default</a></li>
|
<li><a href="#" class="button">Default</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
<ul class="actions stacked">
|
<ul class="actions stacked">
|
||||||
<li><a href="#" class="button primary">Default</a></li>
|
<li><a href="#" class="button primary">Default</a></li>
|
||||||
<li><a href="#" class="button">Default</a></li>
|
<li><a href="#" class="button">Default</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section>
|
<section>
|
||||||
<h3 class="major">Table</h3>
|
<h3 class="major">Table</h3>
|
||||||
<h4>Default</h4>
|
<h4>Default</h4>
|
||||||
<div class="table-wrapper">
|
<div class="table-wrapper">
|
||||||
<table>
|
<table>
|
||||||
<thead>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
<th>Name</th>
|
<th>Name</th>
|
||||||
<th>Description</th>
|
<th>Description</th>
|
||||||
<th>Price</th>
|
<th>Price</th>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
<tbody>
|
<tbody>
|
||||||
<tr>
|
<tr>
|
||||||
<td>Item One</td>
|
<td>Item One</td>
|
||||||
<td>Ante turpis integer aliquet porttitor.</td>
|
<td>Ante turpis integer aliquet porttitor.</td>
|
||||||
<td>29.99</td>
|
<td>29.99</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>Item Two</td>
|
<td>Item Two</td>
|
||||||
<td>Vis ac commodo adipiscing arcu aliquet.</td>
|
<td>Vis ac commodo adipiscing arcu aliquet.</td>
|
||||||
<td>19.99</td>
|
<td>19.99</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>Item Three</td>
|
<td>Item Three</td>
|
||||||
<td> Morbi faucibus arcu accumsan lorem.</td>
|
<td> Morbi faucibus arcu accumsan lorem.</td>
|
||||||
<td>29.99</td>
|
<td>29.99</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>Item Four</td>
|
<td>Item Four</td>
|
||||||
<td>Vitae integer tempus condimentum.</td>
|
<td>Vitae integer tempus condimentum.</td>
|
||||||
<td>19.99</td>
|
<td>19.99</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>Item Five</td>
|
<td>Item Five</td>
|
||||||
<td>Ante turpis integer aliquet porttitor.</td>
|
<td>Ante turpis integer aliquet porttitor.</td>
|
||||||
<td>29.99</td>
|
<td>29.99</td>
|
||||||
</tr>
|
</tr>
|
||||||
</tbody>
|
</tbody>
|
||||||
<tfoot>
|
<tfoot>
|
||||||
<tr>
|
<tr>
|
||||||
<td colspan="2"></td>
|
<td colspan="2"></td>
|
||||||
<td>100.00</td>
|
<td>100.00</td>
|
||||||
</tr>
|
</tr>
|
||||||
</tfoot>
|
</tfoot>
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<h4>Alternate</h4>
|
<h4>Alternate</h4>
|
||||||
<div class="table-wrapper">
|
<div class="table-wrapper">
|
||||||
<table class="alt">
|
<table class="alt">
|
||||||
<thead>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
<th>Name</th>
|
<th>Name</th>
|
||||||
<th>Description</th>
|
<th>Description</th>
|
||||||
<th>Price</th>
|
<th>Price</th>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
<tbody>
|
<tbody>
|
||||||
<tr>
|
<tr>
|
||||||
<td>Item One</td>
|
<td>Item One</td>
|
||||||
<td>Ante turpis integer aliquet porttitor.</td>
|
<td>Ante turpis integer aliquet porttitor.</td>
|
||||||
<td>29.99</td>
|
<td>29.99</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>Item Two</td>
|
<td>Item Two</td>
|
||||||
<td>Vis ac commodo adipiscing arcu aliquet.</td>
|
<td>Vis ac commodo adipiscing arcu aliquet.</td>
|
||||||
<td>19.99</td>
|
<td>19.99</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>Item Three</td>
|
<td>Item Three</td>
|
||||||
<td> Morbi faucibus arcu accumsan lorem.</td>
|
<td> Morbi faucibus arcu accumsan lorem.</td>
|
||||||
<td>29.99</td>
|
<td>29.99</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>Item Four</td>
|
<td>Item Four</td>
|
||||||
<td>Vitae integer tempus condimentum.</td>
|
<td>Vitae integer tempus condimentum.</td>
|
||||||
<td>19.99</td>
|
<td>19.99</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>Item Five</td>
|
<td>Item Five</td>
|
||||||
<td>Ante turpis integer aliquet porttitor.</td>
|
<td>Ante turpis integer aliquet porttitor.</td>
|
||||||
<td>29.99</td>
|
<td>29.99</td>
|
||||||
</tr>
|
</tr>
|
||||||
</tbody>
|
</tbody>
|
||||||
<tfoot>
|
<tfoot>
|
||||||
<tr>
|
<tr>
|
||||||
<td colspan="2"></td>
|
<td colspan="2"></td>
|
||||||
<td>100.00</td>
|
<td>100.00</td>
|
||||||
</tr>
|
</tr>
|
||||||
</tfoot>
|
</tfoot>
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section>
|
<section>
|
||||||
<h3 class="major">Buttons</h3>
|
<h3 class="major">Buttons</h3>
|
||||||
<ul class="actions">
|
<ul class="actions">
|
||||||
<li><a href="#" class="button primary">Primary</a></li>
|
<li><a href="#" class="button primary">Primary</a></li>
|
||||||
<li><a href="#" class="button">Default</a></li>
|
<li><a href="#" class="button">Default</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
<ul class="actions">
|
<ul class="actions">
|
||||||
<li><a href="#" class="button">Default</a></li>
|
<li><a href="#" class="button">Default</a></li>
|
||||||
<li><a href="#" class="button small">Small</a></li>
|
<li><a href="#" class="button small">Small</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
<ul class="actions">
|
<ul class="actions">
|
||||||
<li><a href="#" class="button primary icon solid fa-download">Icon</a></li>
|
<li><a href="#" class="button primary icon solid fa-download">Icon</a></li>
|
||||||
<li><a href="#" class="button icon solid fa-download">Icon</a></li>
|
<li><a href="#" class="button icon solid fa-download">Icon</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
<ul class="actions">
|
<ul class="actions">
|
||||||
<li><span class="button primary disabled">Disabled</span></li>
|
<li><span class="button primary disabled">Disabled</span></li>
|
||||||
<li><span class="button disabled">Disabled</span></li>
|
<li><span class="button disabled">Disabled</span></li>
|
||||||
</ul>
|
</ul>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section>
|
<section>
|
||||||
<h3 class="major">Form</h3>
|
<h3 class="major">Form</h3>
|
||||||
<form method="post" action="#">
|
<form method="post" action="#">
|
||||||
<div class="fields">
|
<div class="fields">
|
||||||
<div class="field half">
|
<div class="field half">
|
||||||
<label for="demo-name">Name</label>
|
<label for="demo-name">Name</label>
|
||||||
<input type="text" name="demo-name" id="demo-name" value="" placeholder="Jane Doe" />
|
<input type="text" name="demo-name" id="demo-name" value="" placeholder="Jane Doe"/>
|
||||||
</div>
|
</div>
|
||||||
<div class="field half">
|
<div class="field half">
|
||||||
<label for="demo-email">Email</label>
|
<label for="demo-email">Email</label>
|
||||||
<input type="email" name="demo-email" id="demo-email" value="" placeholder="jane@untitled.tld" />
|
<input type="email" name="demo-email" id="demo-email" value=""
|
||||||
</div>
|
placeholder="jane@untitled.tld"/>
|
||||||
<div class="field">
|
</div>
|
||||||
<label for="demo-category">Category</label>
|
<div class="field">
|
||||||
<select name="demo-category" id="demo-category">
|
<label for="demo-category">Category</label>
|
||||||
<option value="">-</option>
|
<select name="demo-category" id="demo-category">
|
||||||
<option value="1">Manufacturing</option>
|
<option value="">-</option>
|
||||||
<option value="1">Shipping</option>
|
<option value="1">Manufacturing</option>
|
||||||
<option value="1">Administration</option>
|
<option value="1">Shipping</option>
|
||||||
<option value="1">Human Resources</option>
|
<option value="1">Administration</option>
|
||||||
</select>
|
<option value="1">Human Resources</option>
|
||||||
</div>
|
</select>
|
||||||
<div class="field half">
|
</div>
|
||||||
<input type="radio" id="demo-priority-low" name="demo-priority" checked>
|
<div class="field half">
|
||||||
<label for="demo-priority-low">Low</label>
|
<input type="radio" id="demo-priority-low" name="demo-priority" checked>
|
||||||
</div>
|
<label for="demo-priority-low">Low</label>
|
||||||
<div class="field half">
|
</div>
|
||||||
<input type="radio" id="demo-priority-high" name="demo-priority">
|
<div class="field half">
|
||||||
<label for="demo-priority-high">High</label>
|
<input type="radio" id="demo-priority-high" name="demo-priority">
|
||||||
</div>
|
<label for="demo-priority-high">High</label>
|
||||||
<div class="field half">
|
</div>
|
||||||
<input type="checkbox" id="demo-copy" name="demo-copy">
|
<div class="field half">
|
||||||
<label for="demo-copy">Email me a copy</label>
|
<input type="checkbox" id="demo-copy" name="demo-copy">
|
||||||
</div>
|
<label for="demo-copy">Email me a copy</label>
|
||||||
<div class="field half">
|
</div>
|
||||||
<input type="checkbox" id="demo-human" name="demo-human" checked>
|
<div class="field half">
|
||||||
<label for="demo-human">Not a robot</label>
|
<input type="checkbox" id="demo-human" name="demo-human" checked>
|
||||||
</div>
|
<label for="demo-human">Not a robot</label>
|
||||||
<div class="field">
|
</div>
|
||||||
<label for="demo-message">Message</label>
|
<div class="field">
|
||||||
<textarea name="demo-message" id="demo-message" placeholder="Enter your message" rows="6"></textarea>
|
<label for="demo-message">Message</label>
|
||||||
</div>
|
<textarea name="demo-message" id="demo-message" placeholder="Enter your message"
|
||||||
</div>
|
rows="6"></textarea>
|
||||||
<ul class="actions">
|
</div>
|
||||||
<li><input type="submit" value="Send Message" class="primary" /></li>
|
</div>
|
||||||
<li><input type="reset" value="Reset" /></li>
|
<ul class="actions">
|
||||||
</ul>
|
<li><input type="submit" value="Send Message" class="primary"/></li>
|
||||||
</form>
|
<li><input type="reset" value="Reset"/></li>
|
||||||
</section>
|
</ul>
|
||||||
|
</form>
|
||||||
|
</section>
|
||||||
|
|
||||||
</article>
|
</article>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- BG -->
|
</div>
|
||||||
<div id="bg"></div>
|
|
||||||
|
|
||||||
<!-- Scripts -->
|
<!-- BG -->
|
||||||
<script src="assets/js/jquery.min.js"></script>
|
<div id="bg"></div>
|
||||||
<script src="assets/js/browser.min.js"></script>
|
|
||||||
<script src="assets/js/breakpoints.min.js"></script>
|
|
||||||
<script src="assets/js/util.js"></script>
|
|
||||||
<script src="assets/js/main.js"></script>
|
|
||||||
|
|
||||||
</body>
|
<!-- Scripts -->
|
||||||
|
<script src="assets/js/jquery.min.js"></script>
|
||||||
|
<script src="assets/js/browser.min.js"></script>
|
||||||
|
<script src="assets/js/breakpoints.min.js"></script>
|
||||||
|
<script src="assets/js/util.js"></script>
|
||||||
|
<script src="assets/js/main.js"></script>
|
||||||
|
|
||||||
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user