-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontact.html
79 lines (79 loc) · 12.7 KB
/
contact.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<link rel="stylesheet" href="./css/style.css">
</head>
<body>
<div id="container">
<div class="view">
<nav>
<span>
<p class="btn" id="btn">☰</p>
<a href="index.html"><h1>My Sample Website</h1></a>
<span class="links">
<a href="index.html">Home</a>
<a href="about.html">About</a>
<a href="contact.html">Contact</a>
</span>
</span>
</nav>
<div class="content">
<h2>Contact</h2>
<article>
<section>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Explicabo quis omnis pariatur officia, suscipit in dolor exercitationem quas quidem, quibusdam minus, deserunt id. Iure, ipsam a aliquid veritatis optio, beatae exercitationem iste quaerat incidunt debitis fugit expedita eius ipsum tenetur ea alias dignissimos nemo quas placeat minus inventore magnam illo error? Cumque maiores explicabo sunt deleniti eaque atque error tempora corporis, similique odit illo. Nobis corrupti porro consectetur rerum, perspiciatis cum iure aperiam possimus quis.</p>
<p>Accusantium labore autem ut. Optio eum, unde possimus excepturi ab exercitationem magni expedita neque sequi ex dignissimos, ullam praesentium sit voluptate corporis voluptas libero. Saepe quaerat illo vel ipsa ex enim et possimus error blanditiis? Quaerat perferendis assumenda unde quam facilis voluptate, in aliquam porro hic voluptatibus numquam maxime ratione. Autem, dolor dicta? Ullam omnis sapiente similique blanditiis eveniet? Iste delectus, quibusdam ut quas dolorum, maiores beatae temporibus odio saepe quidem rem maxime inventore facilis.</p>
</section>
<section>
<p>Similique dolore quam hic soluta optio enim neque! Nemo, laudantium molestiae, debitis non consectetur provident praesentium doloremque deserunt sunt cum libero quis, quo ea! Perferendis veritatis beatae corporis animi sapiente, optio excepturi nam quae minus maxime fuga amet eius eos odit harum. Est perspiciatis praesentium corporis laboriosam quidem explicabo, fugiat possimus similique molestias omnis. Magnam quae totam maiores sapiente assumenda nulla, aspernatur laudantium aliquid, laborum ab commodi est. Velit iste, id fugit incidunt illo officiis.</p>
<p>Reprehenderit repellendus vel incidunt dolores delectus dolor, error dicta. Architecto similique obcaecati vero perferendis dolore quaerat cum minus dicta, qui, tempora cupiditate porro iure dolorem itaque laudantium id magnam veniam molestiae distinctio consequatur voluptates. Porro blanditiis, magni, perferendis a iste ut inventore molestias quia officia tempora corporis incidunt laborum temporibus sit! Voluptatem praesentium corporis, cumque vel dignissimos doloremque nobis voluptates aliquid, enim optio esse. Sunt cum modi distinctio, nulla illo similique id vero blanditiis molestiae.</p>
</section>
<section>
<p>Laboriosam minus sunt ab, doloribus minima aut, non sit adipisci saepe aliquid quae temporibus placeat necessitatibus, cum quod. Doloribus inventore illum voluptas voluptatem aliquid cum, architecto nam laudantium distinctio officia magnam rem temporibus quo sunt natus, saepe animi unde corporis qui eum adipisci impedit omnis iusto! Porro id aspernatur provident obcaecati quisquam totam laboriosam, alias itaque quaerat harum nulla, corrupti nobis, quasi facilis veniam? Ipsam, obcaecati? Accusamus officiis a perspiciatis obcaecati, fugiat beatae exercitationem eius.</p>
<p>Fuga quo corrupti fugiat at inventore nemo quos dolor fugit sunt voluptate tempore aspernatur, distinctio ipsa eligendi neque amet beatae ad quibusdam atque cupiditate veritatis totam animi nobis. Nisi, consectetur! Id dignissimos alias sequi sunt beatae nemo blanditiis dolorem consectetur debitis rem enim quis exercitationem deleniti commodi obcaecati omnis, aut eius amet doloribus sed ullam fugiat neque! Omnis recusandae ea alias ducimus fugiat? Reprehenderit magni nemo fuga officiis sint consequatur architecto corrupti distinctio dicta dolores.</p>
</section>
</article>
<article>
<section>
<p>Nesciunt, inventore dolorem. Obcaecati totam, suscipit, expedita a accusamus laborum voluptatibus illum harum quasi sit sunt quia repellat labore repellendus sint ipsam omnis consectetur aspernatur hic! Laboriosam reprehenderit nihil enim accusantium sapiente aspernatur. Placeat rem, sunt dolore, ipsa, nihil dolor ipsum quam unde illo praesentium qui error in rerum sed? Quia animi, praesentium eaque deserunt quo odit vel veritatis debitis totam. Sequi labore vitae mollitia, distinctio consequatur odit cumque explicabo nostrum recusandae, vel et ratione?</p>
<p>Odio, minus. Delectus ullam similique itaque magnam consectetur. Aliquid unde ratione veritatis voluptatum totam, atque quasi nostrum placeat vel reprehenderit iure eveniet cupiditate! Repellendus quos excepturi at maiores fugiat consequuntur, voluptas est necessitatibus. Eaque, illum ab iure mollitia dicta excepturi sequi, ratione cupiditate nam fuga minima consequuntur quaerat, velit magni. Quis maxime corporis officiis, nostrum quas possimus quisquam voluptatum itaque illum asperiores provident cumque animi necessitatibus ipsam, eum officia, ipsum doloribus non dolorum omnis. Odit.</p>
</section>
<section>
<p>Quia labore odio perferendis alias perspiciatis ad! Voluptatem similique doloribus cupiditate accusamus commodi odio qui nam quasi non est esse velit eum dicta, corporis corrupti consequuntur excepturi modi tempore consequatur quam quibusdam dolorum magnam odit. Obcaecati nemo harum laboriosam voluptates, assumenda minus reiciendis itaque consectetur impedit officiis nostrum blanditiis sit vero consequuntur ipsam perspiciatis odio pariatur in molestiae, laborum, suscipit tempora ratione provident? Voluptatibus quidem dolor blanditiis, earum maxime quas corporis harum itaque iusto corrupti?</p>
<p>Iusto cum doloremque quod provident cupiditate nisi deserunt. Alias commodi ducimus autem perferendis tempore veniam illo soluta pariatur quae ullam qui eveniet ipsa porro dolore asperiores maxime sapiente accusantium, aliquid fugiat officiis maiores inventore natus. Sint delectus, vero laboriosam, labore recusandae itaque deleniti veritatis quae accusantium iure voluptas ea porro obcaecati voluptate ut officiis nesciunt corporis accusamus ipsum tempora. Harum, facere soluta sequi sunt magni dolor natus fugiat consequatur, exercitationem incidunt distinctio? Reprehenderit, odit inventore!</p>
</section>
<section>
<p>Sequi qui iure consequuntur eligendi voluptates odit consectetur minus sit magnam! In, velit doloribus minus voluptatem architecto quo exercitationem maxime quisquam illo labore, ut cupiditate! Omnis, vel! Pariatur eveniet doloribus hic sed explicabo numquam, rem accusamus delectus! Eius soluta optio reiciendis incidunt illo placeat magnam doloribus ea quasi, qui repellendus temporibus iure harum commodi blanditiis laboriosam, assumenda praesentium, nulla non voluptate eaque eos iusto pariatur dolores. Dolorum nisi id iste possimus labore unde dicta recusandae?</p>
<p>A et, temporibus vero aspernatur facilis officia provident repellat sequi in, rem eligendi quae nobis? Impedit, incidunt? Tempore, unde quia? Dolor nemo delectus incidunt quam in eveniet? Quas ad eveniet autem excepturi fuga blanditiis aut, ipsam cum porro iure tenetur deleniti nisi temporibus laudantium et quos, sunt voluptates dolor est explicabo laboriosam saepe dignissimos quasi fugiat! Vitae ipsum unde necessitatibus explicabo minus animi, consequatur itaque placeat. Cupiditate inventore corporis doloremque id debitis laboriosam neque tempora.</p>
</section>
</article>
<article>
<section>
<p>Sunt similique maiores nam nesciunt quos, tempore, impedit architecto tenetur magni, cumque libero corporis inventore ullam. Sed dolorum ad ea asperiores harum eius. Sint perspiciatis quisquam natus architecto, qui molestias itaque ex hic ipsa voluptatum accusantium eius voluptate cumque. Asperiores incidunt, nesciunt eveniet fugiat praesentium vero reiciendis facere tenetur blanditiis deleniti voluptates culpa ut suscipit quis placeat iusto ipsum aperiam ipsa, adipisci et unde vitae provident. Sapiente, perferendis consequuntur. Magni veniam non ipsa iure nihil?</p>
<p>Beatae obcaecati culpa, nisi labore recusandae, pariatur natus optio sunt fuga at animi amet. Ad officiis omnis laudantium odit ab nihil dolorum aperiam quasi deserunt mollitia veritatis aliquid recusandae voluptas, officia modi aut autem neque cupiditate tempora, maxime, facilis ipsum! Cum fuga similique placeat. Repellat minima harum delectus, voluptas deleniti asperiores inventore porro doloribus, eum temporibus aliquam facilis ullam, impedit nam? Nemo corporis dolor quaerat perspiciatis cumque! Debitis minima ex itaque iure deserunt non perspiciatis!</p>
</section>
<section>
<p>Optio, accusantium beatae? Non nihil excepturi laboriosam sint illo soluta veniam odit modi cum at officiis iusto quo quae impedit quaerat reiciendis quibusdam maiores explicabo, obcaecati aspernatur! Beatae aut eligendi facilis explicabo dolorum similique id dolores, adipisci fuga, soluta omnis quam repellat ab, praesentium reiciendis. Velit iste magni voluptatem nemo modi quam minima quaerat sequi ad vel praesentium, laudantium molestias, similique, earum iusto recusandae in ratione. Iste reprehenderit est molestias asperiores quibusdam omnis et nostrum.</p>
<p>Officiis vitae iure tempore qui, corrupti ipsum itaque dolore praesentium temporibus quam porro accusantium cupiditate fuga quas alias? Necessitatibus, aliquam? Autem, voluptatum. Nihil aut corrupti optio veritatis perspiciatis hic commodi laudantium, veniam facilis esse necessitatibus eum pariatur odit cupiditate, voluptas deserunt vel qui tempora natus facere magnam dolores unde? In et dicta tempore ad itaque quis vitae necessitatibus illo, ratione dolorem praesentium, veritatis, repellendus repudiandae dignissimos totam illum quisquam. Quisquam modi pariatur natus reprehenderit error.</p>
</section>
<section>
<p>Voluptatem dolore inventore quia assumenda tenetur totam sequi debitis eveniet non eos alias nesciunt qui hic obcaecati atque, in rem ea veniam itaque eligendi at fugit. Minus dicta consequuntur reiciendis hic excepturi voluptate perspiciatis voluptates porro fuga maxime laborum, exercitationem doloribus similique nostrum et cumque commodi distinctio beatae, rerum laudantium ducimus aut repellendus? Neque quos ex laudantium illum quae ut, est fugit dolores aut quam voluptatem saepe quidem ullam sunt quis ea omnis iure! Vel!</p>
<p>Libero reprehenderit suscipit ex distinctio quasi repellendus reiciendis at deserunt quas nesciunt rerum, corrupti eveniet laboriosam cumque maxime eaque. Reprehenderit unde molestiae culpa et nisi minima quos alias quaerat ipsum nulla incidunt explicabo esse aspernatur cum error at, eos quod veritatis ipsa ratione a quo quia quam dolorem. Dolorem necessitatibus, nisi corrupti, reprehenderit alias sed, at expedita cumque similique labore excepturi quibusdam aperiam illo consequatur! Eveniet, laborum. Saepe pariatur impedit quis? Dolorum error soluta ex.</p>
</section>
</article>
</div>
</div>
<div class="modal-nav" id="modal-nav">
<div class="close" onclick="hide();">x</div>
<div class="link" onclick="hide();"><a href="index.html">Home</a></div>
<div class="link" onclick="hide();"><a href="about.html">About</a></div>
<div class="link" onclick="hide();"><a href="contact.html">Contact</a></div>
</div>
</div>
<script src="./js/main.js"></script>
</body>
</html>