-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcss position 10.html
33 lines (33 loc) · 7.49 KB
/
css position 10.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>css position 10</title>
<style>
.qq{border: solid ;width: 500px;background-color: #eee7de;margin-top: -45%;position: relative;margin-left: 255px;opacity: 0;}
.gg{text-align: center;border: none;border-bottom: solid 1px;}
.uu{border: none;border-bottom: solid 1px;}
input,.tt{display: inline;}
.pp{position: relative;background-color: aliceblue;opacity: 0.5;}
.qq:hover{opacity: 1;}
.pp:hover{opacity: 1;}
</style>
</head>
<body>
<div>
<div class="pp"><h1>FULL STACK WEB DEVELOPMENT</h1>
<P>Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorum placeat explicabo, provident rerum sed modi aut inventore aliquam sequi soluta praesentium. Saepe earum aliquid sunt rem porro assumenda nesciunt doloribus, vel voluptatum quam est iusto similique quisquam ducimus! Molestiae sunt nesciunt delectus natus voluptas, vitae nisi, tempora consectetur eius sapiente explicabo? Recusandae natus deleniti vero harum sed, iusto doloremque id assumenda nisi saepe perferendis aliquam ipsam esse exercitationem numquam impedit debitis. Excepturi similique fugiat, debitis exercitationem, eius, commodi incidunt natus nobis officiis aperiam perferendis provident sunt placeat cum expedita minus nulla blanditiis id quae ab alias adipisci dolorem at doloribus? Earum voluptas consequatur magnam voluptatem amet cumque perferendis excepturi veritatis corporis delectus! Error corporis iusto at, ex amet accusamus optio doloribus aperiam laudantium ratione consectetur sapiente ullam? Eius reiciendis porro neque illo, numquam debitis natus facilis magnam ad atque tempora, laborum iusto ab odio nobis consectetur, eligendi ducimus. Nihil amet voluptates eum quae, ab aspernatur voluptatum nostrum. Tempore fuga a perferendis earum id adipisci vero sapiente at dolores magni voluptatem, officia animi, soluta aspernatur autem? Reprehenderit rem iusto dolor, modi asperiores pariatur, similique eaque nam dignissimos minima quaerat rerum ut, nobis placeat earum? Iure impedit quisquam aliquid id. Rem nulla, soluta velit mollitia est voluptates laboriosam, vel neque sed possimus aliquam esse quasi ipsa optio inventore atque laborum ex! Officiis, aliquid et aperiam sint voluptas ad quo, minus ipsa temporibus in ullam quam, soluta excepturi. Enim a libero, earum nesciunt eius doloribus? Quisquam ad odio maiores. Iusto, aperiam assumenda! Error.</P>
<h1>COURSE DETAILS</h1>
<P>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laboriosam commodi veritatis nesciunt voluptatum sint recusandae quaerat nisi. Recusandae velit, iste architecto sit possimus quas at distinctio neque ut odit ad ipsum dolorum molestias accusantium libero perspiciatis, doloribus quaerat deleniti quo magnam exercitationem odio culpa atque esse. Consectetur nisi, reiciendis optio nam aliquid illum officia minus voluptatum mollitia quod ad recusandae maxime corporis molestias voluptatem laborum deleniti dolores accusantium nemo quos eaque iste itaque tenetur earum. Fugiat, quae facere sunt iure quod deleniti voluptatem est! Nihil quisquam iste aspernatur modi explicabo perferendis quasi soluta repellat maxime molestiae aliquid atque ab debitis, aut laboriosam natus quod. Delectus omnis laborum excepturi laboriosam accusamus quae necessitatibus quis ducimus possimus ea voluptas ab, magnam maiores cumque vitae cum nulla recusandae consequatur dolore reprehenderit molestias ad similique. Non possimus perspiciatis saepe dignissimos quisquam repellendus, voluptatum id adipisci dolorem obcaecati atque nisi molestias iure expedita nobis? Pariatur, illo? Quidem at recusandae amet provident voluptate delectus, commodi ea! Deleniti, voluptate. Minima beatae aspernatur harum, nobis laborum quibusdam id nulla temporibus molestias vero voluptatem voluptatum architecto repudiandae quas eum nesciunt error ullam tenetur omnis perferendis sapiente facilis. Aliquam officiis vitae dicta velit quibusdam quam, labore dolore reiciendis molestiae in eveniet voluptatum repellat. Tempore, odit quisquam. Beatae odit tenetur, atque vitae nihil rem doloremque sunt sed. Culpa impedit, ipsa, dicta odio aperiam eius voluptatem porro mollitia tempore, error sequi velit itaque laboriosam quae ex. Quos architecto modi esse. Quisquam totam vitae quae fugiat, quis adipisci aliquid incidunt error. Obcaecati id deleniti tempore, necessitatibus sequi nam aliquid placeat consequuntur aut qui odit non odio sapiente laudantium provident ducimus quidem nesciunt porro optio accusamus repudiandae corporis! Labore possimus quis voluptatem magnam minus accusantium animi nisi culpa quas saepe quod harum quisquam cum libero doloribus, recusandae, nemo sunt enim placeat odit modi non veniam! Numquam voluptatibus ratione, repellat, commodi veritatis quidem ipsam fugit optio tenetur obcaecati debitis libero aliquid fuga rerum porro molestias tempore quisquam officiis totam explicabo velit nostrum odit. Rerum perspiciatis iste consequuntur esse ea fugit nam nesciunt voluptatibus saepe! Nostrum dolorum esse saepe temporibus nobis totam iste, eos cum quaerat voluptas ipsum fugit a quasi, nihil, ad quo? Iste fugit blanditiis quisquam earum ad tenetur ut dignissimos voluptatum assumenda veniam quidem illo, autem sed asperiores laborum at inventore vitae in voluptatibus eaque tempore omnis porro doloribus non? Fugit, sit iure. Quasi ea eos eveniet quae sed? Quaerat, nobis! Reprehenderit adipisci, dolores necessitatibus dolore beatae earum consequuntur facere, quas quam architecto, non deleniti voluptate praesentium ducimus quos! Sapiente cum nostrum dolorem accusamus, voluptatum iure quasi, aliquam, ea quos veritatis recusandae unde nulla natus doloribus! Nulla saepe quasi incidunt qui, voluptatem quaerat a laborum harum in nam ratione repellendus eaque atque maxime, error, est voluptatibus. Numquam, expedita ea. Eos quibusdam, nemo ullam illo tempore maxime. Corporis voluptate ut atque hic. Ex fugiat hic debitis, blanditiis est aspernatur, nemo delectus, laudantium et voluptas aliquid assumenda! Ea, debitis obcaecati exercitationem sequi dignissimos voluptate placeat corrupti nihil numquam officia, maiores amet incidunt rem dolor nam.</P></div>
<div class="oo">
<div class="qq">
<h1 class="gg">Terms and conditions</h1>
<div class="uu"><p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. In, numquam doloribus nobis non aspernatur explicabo adipisci. Magni ipsa reprehenderit rem voluptatem repudiandae saepe ex unde sint! Praesentium quae esse dicta Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi, maxime. Incidunt natus dolorem fugit modi iure. Doloremque excepturi deleniti ad, magni fuga ab maxime placeat mollitia, minima rem a repudiandae. Exercitationem dolore labore, eveniet aliquid dolorem molestiae animi. Consectetur, repellat. Facilis quia dolores ad non sit, totam qui libero fugiat quas voluptatem blanditiis maxime, temporibus consequatur eius nisi reprehenderit numquam aperiam quibusdam hic id animi iusto? Labore laboriosam consequuntur eius nostrum eligendi cum corporis minus voluptas mollitia nihil voluptatibus autem enim, a provident officia sunt distinctio suscipit! Ex blanditiis explicabo alias consectetur? Recusandae, eius cupiditate hic asperiores facere sit quam.</p></div>
<input type="checkbox" name="rr" id="xx">
<p class="tt">I agree to terms and conditions</p>
</div>
</div>
</div>
</body>
</html>