-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
46 lines (27 loc) · 9.89 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Auto popup window | javascript | jquery</title>
<!-- main css file -->
<link rel="stylesheet" href="style.css">
</head>
<body>
<div id="main">
<div id="pop-up">
<button id='close-btn'>X</button>
<h1>This is our title.</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque deleniti ratione ab quos, ad tempora, qui rem in debitis. Officiis aperiam quisquam eum explicabo recusandae officia commodi consequuntur pariatur, voluptate hic inventore quidem necessitatibus laudantium labore eaque reprehenderit animi et!</p>
<h3>This is footer.</h3>
</div>
</div>
<!-- main website -->
<div class="container">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloribus molestias, aspernatur cupiditate, commodi adipisci quo officia nihil ut corporis amet at. Accusantium aliquid ad commodi porro excepturi facere repellat, nostrum explicabo magni eius distinctio incidunt adipisci, repellendus quae! Magnam cum explicabo eum, tempora alias fugit consequuntur ex repellendus quas ea dignissimos cumque laboriosam, dolor corporis ad tenetur, consectetur, necessitatibus accusamus illum. Soluta ullam enim itaque. Natus deleniti enim id modi. Ex voluptatibus repudiandae pariatur tenetur ut in illo, facilis velit numquam inventore, eveniet cupiditate, tempore veritatis! Vitae aspernatur nostrum perferendis, inventore dolorum qui necessitatibus, aliquam sequi, quisquam cum voluptatum officiis. Accusamus odio, autem iure ullam natus expedita molestiae aliquam aperiam, modi inventore quae assumenda molestias, velit temporibus ut recusandae ex optio. Suscipit corporis enim veniam nihil deleniti voluptatibus ad natus doloribus nobis dignissimos iusto laudantium ea fugit aut autem quia qui, nisi provident sequi consequatur quibusdam quaerat sit earum quo. Officiis consectetur reprehenderit aliquam pariatur necessitatibus debitis officia cumque labore quia quam rerum, ducimus aspernatur quae illum fugiat laboriosam possimus eligendi! Doloremque facilis a eligendi obcaecati, consequuntur, consequatur consectetur, delectus quibusdam laborum explicabo quam reiciendis! Culpa quidem quaerat nam quod nihil dolorum ad, dolores veniam, aliquid inventore iusto dignissimos ullam unde totam explicabo sapiente excepturi. Et delectus officiis quisquam esse quia consequatur harum totam veritatis perspiciatis dolore magnam cupiditate tempore sed, error deleniti dignissimos vero deserunt sit, quibusdam id obcaecati doloribus. Natus modi hic, odit laboriosam! Fugit perferendis odit non nihil beatae cumque dicta numquam, accusamus doloremque quos fuga delectus vitae obcaecati, unde, dolores quo iusto aut consequuntur? Rerum mollitia nemo eaque vero amet odio, accusamus, qui doloremque assumenda, aliquid eos quis provident sint maiores illum natus unde magnam ipsum blanditiis perferendis id! Dolorum excepturi accusamus rem officiis omnis nobis similique, ut tenetur ab nihil perspiciatis aliquam impedit corrupti optio molestiae nulla beatae voluptates blanditiis fugiat in pariatur. Vitae odit, impedit velit obcaecati. Id, magnam. Vel vero eligendi a, fugit at dolores, exercitationem sequi deleniti quidem tempore deserunt libero ab similique suscipit ad laboriosam, consectetur debitis. Rerum fugiat praesentium in placeat inventore eaque atque magni vero, optio suscipit. Similique sed mollitia ipsa placeat unde impedit qui aliquid enim animi, numquam laudantium quidem recusandae non odit ipsam repudiandae doloribus consectetur sequi eligendi quae totam rerum est praesentium. Labore rem natus quo ea aspernatur quisquam delectus voluptate consectetur! Iste eveniet exercitationem dolores doloribus alias laborum incidunt quibusdam, reprehenderit nisi optio at ex dignissimos laudantium accusamus ad consequatur nulla in consectetur, sint a repellat fugit. Delectus, repellendus sapiente velit quam, nihil placeat iste quae minima voluptatum quis fuga laboriosam voluptas accusantium eligendi, soluta perferendis dicta ad qui at ullam quasi consequatur saepe molestias, eveniet. Modi obcaecati quaerat illo eum, sequi libero illum assumenda accusamus soluta sunt ducimus facilis tempore vitae excepturi, ratione iste nobis. Perspiciatis sed odit dolores provident, consectetur doloremque aliquid autem eveniet magnam iusto dolor itaque expedita illum distinctio unde in dolore! Blanditiis asperiores magni, dolor dignissimos consequatur est voluptates illo consectetur saepe tempora eligendi, quas ad minus quisquam tenetur necessitatibus non praesentium sapiente quo neque. Dolor accusamus ipsum dolorem facilis dolorum. Inventore aut autem, dolore voluptas corrupti saepe adipisci sint nesciunt velit rerum, ea ut culpa veniam. Sequi nulla dignissimos qui quos, a consequuntur suscipit expedita laborum, ullam totam placeat magni recusandae, enim voluptas, ducimus accusamus. Unde natus blanditiis voluptatibus minus consequatur totam delectus tempora facilis harum commodi repudiandae dicta nulla provident quam enim itaque, a inventore facere eos. Esse, veritatis ab aut rem. Cupiditate, nihil. Vero sed consequatur accusantium voluptates, explicabo dolores molestias voluptatem, distinctio beatae, perspiciatis eveniet! Non asperiores magnam earum, impedit temporibus odio eligendi deleniti doloremque distinctio recusandae veritatis illo eaque repellat expedita itaque consequatur nihil harum qui in perferendis modi magni veniam minus! Eum veniam reiciendis est, nobis tenetur rerum consectetur culpa doloribus hic. Recusandae ut tenetur blanditiis cupiditate maiores eveniet excepturi mollitia, suscipit, officiis ducimus quidem saepe distinctio, expedita iusto. Sed pariatur odio dignissimos. Autem ducimus, repellendus ut? Modi, officiis. Dignissimos voluptatibus mollitia modi doloribus eum totam, illum voluptas consequuntur, sunt neque quis laboriosam, obcaecati commodi fuga amet praesentium incidunt tempora ipsam iure ex quibusdam magni. Ducimus doloremque repudiandae debitis sint, deleniti corporis ut. Minus, accusamus veniam itaque, quibusdam, quia a, ullam facilis vero modi perspiciatis aperiam dolore quo voluptas nisi ducimus tempore optio eum quos minima est reprehenderit ipsum doloremque fuga! Inventore alias possimus, earum cupiditate doloribus enim. Ipsam quos magnam porro provident quae a at unde ipsa molestiae architecto numquam cupiditate quis iure pariatur doloremque praesentium dolores, quod doloribus asperiores eius cum nobis dolore sunt! Est nemo totam eaque placeat dolores ratione deserunt unde architecto, eius tempore repellat nostrum accusamus officiis ipsa asperiores incidunt consequatur iure. Deserunt eum rerum incidunt odio sed! Delectus ratione, obcaecati. Nulla molestias a quasi veritatis recusandae nesciunt temporibus! Illum voluptatum, totam praesentium aut pariatur nostrum vero quas, ducimus quaerat explicabo, alias eius iste accusantium adipisci ipsum! Reprehenderit, optio corporis. Aliquid aspernatur et illum rem, error minima minus, fugit blanditiis, asperiores beatae sequi cum a ab similique voluptatum maiores distinctio harum debitis? Esse laboriosam repudiandae unde at, sequi, dolorem dignissimos beatae vitae odio tenetur quam quisquam voluptatem aliquid ab pariatur numquam, temporibus ea laborum eum aperiam consectetur. Culpa nemo odio laboriosam exercitationem eligendi voluptatibus vero facere quas vel nostrum tenetur, eum praesentium alias, modi voluptate quidem. Illum eveniet vero delectus, maiores eius eum quasi, repellat autem id suscipit. Distinctio deleniti exercitationem libero reiciendis impedit aut doloribus quo ut cumque doloremque, aperiam earum. Asperiores omnis provident quidem vitae quaerat nihil libero, maxime numquam voluptas temporibus minus aliquam. Sequi nam ad totam nihil accusantium nisi similique debitis amet adipisci in corporis fuga nemo voluptates architecto magnam mollitia, optio aliquid dolore quos, harum incidunt rem doloremque, perspiciatis! Assumenda in quasi ipsam quas ipsa soluta quisquam, totam mollitia dignissimos nam velit, odit et pariatur ea. Error recusandae dolorem dolorum quas, expedita voluptatem ratione hic dolores impedit ipsa reprehenderit atque rerum voluptatibus repudiandae perspiciatis. Molestias iusto minus ea eum repellat, consequatur voluptatibus nulla optio nam libero quisquam esse voluptates tempore ipsa, recusandae placeat, eligendi deserunt, earum maxime! Magni ipsam recusandae, iste distinctio illo at, quas dicta hic cupiditate eveniet temporibus molestias repellat itaque deleniti necessitatibus repellendus tempore eligendi delectus quae. A minima nihil, ad incidunt nisi, ratione aperiam, tempore voluptate eaque provident commodi velit necessitatibus cum magnam iste tenetur? Sequi, maiores placeat. Eius labore molestiae nulla architecto accusamus, assumenda non corporis quam quo eum, facere at autem optio, voluptas et modi sapiente temporibus perspiciatis velit ipsam voluptatem dolorum, unde vel! Vel quia molestiae fuga nesciunt dolores accusantium natus perspiciatis omnis non, autem, rem iure, id quam reiciendis praesentium ipsum! At voluptate sit dolores tenetur sed praesentium iusto error voluptas minus delectus nulla distinctio nisi, doloremque quisquam enim molestias iure, vel fugit alias, eos facilis facere provident. Dicta a sint pariatur mollitia illum nesciunt nobis voluptatem vitae sed. Rem id quasi laudantium magni quas nihil quam odio porro architecto at temporibus totam provident molestiae officia, voluptatum, quibusdam fugiat ratione quidem nostrum perferendis voluptas quaerat veritatis culpa commodi deserunt. Officia error in similique fuga eaque! Consequatur aspernatur, repellendus dolor ad quo illum laudantium fuga aut, voluptatum labore optio quod voluptas, veniam atque? Sed dolores unde, laudantium dicta pariatur? Molestiae minima saepe incidunt, quasi! Numquam, soluta quasi?</p>
</div>
<!-- jquery cdn -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<!-- main js file -->
<script src="custom.js"></script>
</body>
</html>