-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
34 lines (32 loc) · 8.07 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link href="a4.css" rel="stylesheet">
</head>
<body>
<page size="A4">
<div class="wrapper">
<div id="one" class="mydiv">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maiores tempora blanditiis, voluptates. Eveniet dolorem natus dolorum labore, dignissimos ab, asperiores nostrum. Officiis quidem error veniam doloremque dignissimos, iusto animi. Distinctio, ut. Eum asperiores officiis voluptatibus, aspernatur, quibusdam minus illum nam blanditiis incidunt quos ut temporibus harum maiores vero. Ab voluptas minima animi quisquam ut, delectus consequatur repellendus qui est nemo itaque. Fugit fugiat molestiae facilis esse temporibus excepturi labore id dolorem dolores recusandae unde saepe commodi soluta cum quam totam consequuntur in, quasi officia architecto quidem sapiente illum, nesciunt numquam! Quaerat voluptate, necessitatibus nisi doloribus. Assumenda fuga atque quas fugit excepturi incidunt autem non. Molestiae, officiis consectetur cupiditate nulla vero reiciendis nemo, rem sequi. Ad numquam amet voluptates quasi nobis, ratione dolorum. Nobis harum pariatur facilis commodi a, eligendi eum error vero excepturi cum ratione ipsa, eos impedit doloremque sint natus quod tempora qui ea quibusdam eaque. Asperiores mollitia delectus explicabo laborum ea. In pariatur quos aliquid ratione facilis eligendi repellat, dignissimos, sapiente, laboriosam harum quis? Consectetur quia reprehenderit nobis, omnis quas commodi fugiat earum quae atque facilis mollitia corrupti pariatur odio expedita recusandae eius nostrum nam maiores corporis! Ab architecto et culpa repellat, eum voluptatibus fuga, eius magnam vitae consequuntur numquam laboriosam ratione ipsa nisi delectus pariatur excepturi non voluptatum quidem. Assumenda iusto consequuntur alias laboriosam. Voluptatem odio eligendi quam reprehenderit nemo error architecto, nesciunt. Fugit sunt adipisci facilis reprehenderit expedita voluptas, unde. Est exercitationem tenetur accusamus perspiciatis rerum, reprehenderit explicabo aut magnam dolorum consectetur dolorem adipisci rem sed accusantium recusandae repellat aperiam numquam, quidem ratione ducimus quisquam possimus maiores molestias error delectus. Impedit, quo cum aliquam architecto harum sint sed! Fugit perspiciatis asperiores maiores maxime sit iure at natus aliquam optio! Aspernatur provident aliquam maxime, nulla illum eum sint, voluptatem libero incidunt quaerat sit. Natus facilis consectetur, adipisci placeat aliquam quis reprehenderit veritatis, velit, eaque molestias repellendus aperiam labore rerum illum. Eveniet rem harum, atque architecto debitis repellat possimus error. Ex voluptatibus mollitia labore repudiandae corporis sunt, iure adipisci quaerat velit, iusto facere voluptas amet unde temporibus ducimus quisquam eum quae repellendus optio. Distinctio harum animi illum laudantium quos perspiciatis dolores voluptatem sunt blanditiis, possimus adipisci molestias dolorum. Beatae nemo explicabo dolorum totam rem at aliquam, ipsam recusandae ex cupiditate voluptatum voluptates expedita reiciendis dignissimos numquam, illum porro debitis minima aperiam placeat hic sunt asperiores. Cupiditate excepturi id quaerat numquam quos maxime voluptatem, dicta dolor eum consequuntur nam et quidem vitae laborum inventore saepe sint nulla sed quam voluptates debitis quisquam quod rerum, temporibus. Accusantium, debitis. Eaque porro consectetur, molestias quos inventore aut repellendus atque doloribus harum quibusdam voluptatibus reiciendis quia fugiat sit eligendi excepturi ullam dolore ab officia aperiam rem. Dicta laudantium ea minus obcaecati odio, sapiente aspernatur. Eum modi, aliquam est ea, distinctio dolore ex quidem voluptate, id pariatur tenetur error enim in? Molestiae sed, modi dolorem repellendus maxime ratione ea assumenda fuga reprehenderit nemo, iure quidem cum totam doloribus, nobis quaerat. Ullam accusamus quod repellendus voluptatum doloribus ipsum voluptatibus libero illum ex nostrum, modi eaque ipsa blanditiis sed beatae optio non. Deleniti cum odit commodi in pariatur, nulla vero, dolorum facere tempore minima quo fugit numquam recusandae possimus molestias obcaecati, totam officiis alias eum omnis, fugiat. Molestiae dolorem amet minus velit repellendus omnis accusamus alias quam consectetur neque necessitatibus, assumenda esse quo ea. Molestias rem fugiat sint repellendus quae! Doloribus quam laborum vitae asperiores et inventore culpa libero iure alias sint dolor sunt tempora excepturi tenetur, enim dicta animi architecto magni aut. Quod repellendus doloribus quisquam eum asperiores, facilis recusandae deserunt placeat nulla esse architecto sequi aliquam, rerum. Veritatis reiciendis quae laboriosam voluptatem placeat distinctio, molestias saepe eveniet dolor, eum ea sapiente dicta voluptate quam omnis provident molestiae labore amet. Dolorum deserunt temporibus quod, quaerat doloribus molestiae neque perferendis ad? Cum excepturi esse corporis veritatis suscipit beatae sapiente perferendis obcaecati sequi, aliquam magni perspiciatis facilis eius quisquam, consequatur ad in natus numquam tempore quidem error nihil quod. Ex natus commodi inventore quod nobis tempore culpa error illum saepe unde similique alias sapiente laboriosam modi hic nemo veritatis expedita et, dignissimos, harum. Qui magni, quos officia autem et, obcaecati iure laborum distinctio omnis nam sit fuga culpa dignissimos, earum. Natus facere, impedit tempore. Dolores dolorum expedita, qui et quam assumenda, quisquam aperiam ab vero porro nesciunt doloremque nisi eaque officia! Officiis aliquam eius voluptatibus harum quia ducimus voluptas impedit, nesciunt possimus. Quidem similique quo doloremque ab, assumenda pariatur placeat. Nam quam fugiat asperiores sunt maxime officia earum quia cum molestias eaque laudantium dolores ipsa libero beatae ex, obcaecati odit quidem, autem vitae voluptates tenetur iste, reiciendis, possimus labore cumque. Cumque unde, repellendus eaque maiores numquam illum dolore veritatis eius totam maxime neque tempore, libero dicta aut sit. Nobis sit a soluta pariatur eveniet quidem aliquam officiis alias, deleniti et dolores, consequuntur exercitationem inventore, sed eius, veritatis aut ipsam doloribus ex reprehenderit fuga. Eligendi consequuntur, nulla expedita iste quam nam quod sequi, voluptatibus, odio necessitatibus ea excepturi beatae, doloribus laboriosam saepe. Molestias iste asperiores neque beatae autem molestiae dolorum architecto assumenda, magni odio deserunt voluptatem dolorem enim eum minus veniam ad rerum tenetur consectetur saepe mollitia, expedita quasi dicta explicabo quidem! Enim similique exercitationem provident officiis dicta, hic ducimus assumenda perspiciatis dolores qui, modi debitis dolor vero numquam. Deleniti, harum culpa ullam est. Reprehenderit consectetur, amet beatae veritatis numquam perspiciatis saepe molestias rerum dicta velit quidem autem, quam quos voluptatibus dolorum vel dignissimos consequatur perferendis vero alias cum! Soluta officiis id tempore expedita voluptates beatae ut modi nemo error, dignissimos, ullam perspiciatis sint, consequatur doloribus laudantium et quam, quas. Voluptatem, deserunt mollitia dicta, porro, magnam velit quo itaque voluptatum a labore quaerat, repudiandae dolore doloremque officia optio culpa perspiciatis perferendis dignissimos at alias vitae autem. Qui quaerat atque, tempore alias illo mollitia nemo! Ea provident officiis porro et, nulla nemo non voluptas ipsum impedit voluptatem, voluptates, quidem nostrum aperiam odio inventore quaerat iusto iste totam, iure velit necessitatibus. Animi, vitae, vel! Sapiente, rem, quis repudiandae neque odio quasi facilis quia, aut eaque nihil enim, cupiditate aliquid voluptatem.
</div>
</div>
</page>
<page size="A4">
<div class="wrapper">
<div id="two" class="mydiv">
</div>
</div>
</page>
<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<script>
$(function(){
var copy = $("#one").clone().attr("id", "onecopy").css({
"margin-top": "-27.9cm",
"height":"55.8cm"});
$("#two").append(copy);
});
</script>
</body>
</html>