Skip to content

Commit e87709e

Browse files
techieeliottechieeliot
committedAug 14, 2020
Build the header and main sections and save assets
- Create .gitignore, app.js, and style.css
0 parents  commit e87709e

15 files changed

+77
-0
lines changed
 

‎.gitignore

+1
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
.DS_Store

‎README.md

Whitespace-only changes.

‎app.js

Whitespace-only changes.

‎assets/anvil_black.png

7.6 KB
Loading

‎assets/anvil_white.png

7.96 KB
Loading

‎assets/image1.png

1.9 MB
Loading

‎assets/image2.png

137 KB
Loading

‎assets/image3.png

169 KB
Loading

‎assets/image4.png

120 KB
Loading

‎assets/image5.png

3.37 MB
Loading

‎assets/image8.png

28.1 KB
Loading

‎assets/image9.png

19 KB
Loading

‎assets/maskgroup3.png

120 KB
Loading

‎index.html

+76
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,76 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<title>Acme</title>
5+
<meta charset="UTF-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<meta name="description" content="Acme Page">
8+
<meta name="keywords" content="Acme">
9+
<link rel="stylesheet" href="style.css">
10+
<script defer src="app.js"></script>
11+
</head>
12+
<body class="container">
13+
<header>
14+
<img src="./assets/anvil_white.png" alt="Acme logo">
15+
<nav>
16+
<ul>
17+
<li>Our Guarantee</li>
18+
<li>Testimonials</li>
19+
<li>News</li>
20+
<li>Work Here</li>
21+
<li>About Us</li>
22+
<li>
23+
<button class="btn primary-btn">Buy Anvils</button>
24+
</li>
25+
</ul>
26+
</nav>
27+
</header>
28+
<main>
29+
<section class="one hero-image">
30+
<h1>Built to Last</h1>
31+
<p>Our anvils come with a lifetime warranty.</p>
32+
</section>
33+
<section class="two">
34+
<article class="card-1">
35+
<div class="card-image-1">
36+
<h2>Our Guarantee</h2>
37+
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Officiis illum consequatur facilis excepturi quod, optio adipisci ex eligendi eum consectetur laudantium, corporis, corrupti rem quisquam!</p>
38+
<button class="xs-btn primary-btn">Learn More</button>
39+
</div>
40+
</article>
41+
<article class="card-2">
42+
<div class="card-image-2">
43+
<h2>Our Promise</h2>
44+
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Soluta porro repellat odio aliquam facilis asperiores dolores, quia repudiandae ducimus fugiat magni laboriosam corporis quod sapiente.</p>
45+
<button class="xs-btn primary-btn">Learn More</button>
46+
</div>
47+
</article>
48+
<article class="card-3">
49+
<div class="card-image-3">
50+
<h2>Our Assurance</h2>
51+
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad labore voluptatum sint vero esse doloremque ea perspiciatis, accusantium praesentium, minima sit sapiente obcaecati earum animi.</p>
52+
<button class="xs-btn primary-btn">Learn More</button>
53+
</div>
54+
</article>
55+
</section>
56+
<section class="three">
57+
<article>
58+
<section>
59+
<button class="arrow-left"></button>
60+
<div class="quote-card">
61+
<p class="quote">Lorem ipsum dolor sit amet consectetur adipisicing elit. Itaque placeat distinctio ratione repellat quae, totam asperiores assumenda harum explicabo aut molestiae velit odio, ad architecto?</p>
62+
<p class="name">Jenny Doe</p>
63+
<p class="title">Lead Hammerer</p>
64+
<div class="dot-1 active-dot"></div>
65+
<div class="dot-2"></div>
66+
<div class="dot-3"></div>
67+
</div>
68+
<button class="arrow-left"></button>
69+
</section>
70+
</article>
71+
</section>
72+
</main>
73+
<footer></footer>
74+
75+
</body>
76+
</html>

‎style.css

Whitespace-only changes.

0 commit comments

Comments
 (0)
Please sign in to comment.