generated from BurlingtonCodeAcademy/project-html-mockup-template
-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathblog-post.html
142 lines (140 loc) · 5.98 KB
/
blog-post.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
<!DOCTYPE html>
<html>
<head>
<title>Blog Post</title>
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, user-scalable=no"
/>
<link rel="stylesheet" href="/style/style.css" />
</head>
<body>
<div id="page-container">
<header id="header">
<a href="/index.html"> <h1 class="header-title">Sean Cuterie</h1></a>
<h5 class="header-subtitle">Smoked Meat with an Even Smokier Man</h5>
<div id="home-divider"></div>
</header>
<main id="main">
<section id="post-only-main">
<h2>Take A Look At This Amazing Charcuterie I mean man</h2>
<figure id="post-only-feature-img">
<img src="/images/cigarette-connery.jpg" alt="placeholder" />
</figure>
</section>
<article id="post-only-blog-text-wrapper">
<h3 class="para-title">And Yea, This Is A Charcuterie Video</h3>
<iframe
width="560"
height="315"
src="https://www.youtube.com/embed/-PNDmXXbWWQ"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
></iframe>
<p>
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Dolor
deserunt soluta quae aliquid corporis nostrum, vero cum accusantium
necessitatibus fugit quibusdam totam blanditiis eligendi pariatur
impedit doloribus! Eveniet suscipit minima fugit. Culpa, nihil
repudiandae totam eum iste vero eaque omnis sint iure quae quibusdam
in ipsa. Amet natus at in? Lorem ipsum dolor sit amet consectetur
adipisicing elit. Fugiat sit ex corporis assumenda deserunt omnis a
suscipit labore deleniti inventore.
</p>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Commodi
reprehenderit veritatis quos temporibus voluptas, ut cum excepturi.
Voluptas ipsum numquam suscipit inventore debitis saepe voluptates.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptate,
necessitatibus? Facere impedit eum quae quod labore dolor pariatur
quam ex?
</p>
<h3 class="para-title">Lorem Ipsum Dlor Sit</h3>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis,
non alias. Exercitationem quibusdam eveniet laboriosam consequatur
eos similique amet praesentium doloribus! Ipsum voluptate facere
magnam cum veritatis? Vero voluptas ut asperiores fugiat cum soluta
rerum?
</p>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Ex placeat
repellendus beatae aspernatur. Accusantium tenetur temporibus
molestiae quidem. Consectetur neque quisquam exercitationem fuga
magni, repellendus optio provident debitis odit obcaecati non
tenetur incidunt ex sed ad quibusdam nostrum aut veniam molestias
nihil ab magnam assumenda necessitatibus dolor. Earum illo iste
nesciunt alias animi! Eveniet illum doloremque odio, quis quia
dignissimos debitis natus culpa porro adipisci. Nobis iste
perspiciatis praesentium natus unde reprehenderit accusamus
repudiandae vero?
</p>
</article>
<footer>
<h2 class="footer-title">QUESTIONS OR COMMENTS? GET IN TOUCH:</h2>
<div id="footer-container">
<form
id="footer-col1"
action="/www.trexindustries.com"
method="POST"
>
<input
type="text"
placeholder="Name"
id="name"
class="form-input"
name="user_name"
/>
<input
type="email"
placeholder="Email"
id="mail"
class="form-input"
name="user_email"
/>
<textarea
id="msg"
class="form-input"
placeholder="Message"
name="user_message"
cols="40"
rows="10"
></textarea>
<button class="send-message" type="submit">Send Message</button>
</form>
<div class="footer-paragraph footer-col2">
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Repudiandae quis cumque magni itaque voluptatem aut rerum. Iure
quo exercitationem obcaecati expedita vel facilis nostrum
ratione rerum cumque ut eum.
</p>
<div id="footer-list1">
<ul>
<li id="home-item">
1234 Somewhere Road<br /> Burlington,
VT 00000,<br /> USA
</li>
<li id="phone-item">(000)000-0000</li>
<li id="email-item">[email protected]</li>
</ul>
</div>
<div id="footer-list2">
<ul>
<li id="social-media1">@untitled</li>
<li id="social-media2">instagram.com</li>
<li id="social-media3">dribble.com</li>
<li id="social-media4">facebook</li>
</ul>
</div>
</div>
</div>
<!-- Icon by <a href="https://goodstuffnononsense.com/>Good Stuff No Nonsense</a> on <a href="https://www.iconfinder.com/Field5">iconfinder.com</a> -->
</footer>
</main>
</div>
<script src="/script/script.js"></script>
</body>
</html>