CSS-Notes-CODES/Practice3_1.html at main · SHROUDSOURAV/CSS-Notes-CODES · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./Practice3_1.css">
</head>
<body>
    <p><span>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quo neque, magnam tempore tenetur quod autem eveniet, vel earum saepe maiores illo facilis repudiandae sed eligendi omnis placeat laboriosam excepturi vitae?</span><span>Vel, ratione libero! Veritatis accusamus facere nihil voluptatem. Ad, soluta voluptatibus! Laudantium pariatur, nulla tenetur, perferendis ut ex debitis facilis reprehenderit, error quae sit dolorem aliquam ab. Doloribus, molestias maxime!</span><span>Ipsa voluptas corrupti voluptate provident sunt cum facilis ratione distinctio? Odit dicta officiis corrupti impedit deserunt consectetur veritatis, corporis, magni praesentium ab accusamus neque. Sed ipsam saepe quas eaque rem.</span><span>Veritatis ut incidunt cupiditate sequi? Aliquam, ratione! Quia excepturi, repellendus officia recusandae aspernatur dolorem autem id dolor perferendis earum sunt quam aliquid doloribus iusto? Sed officia ipsam voluptatem veniam laudantium.</span><span>Dolore fugiat dicta pariatur praesentium, veritatis saepe recusandae culpa minus magni atque ab? Maxime corporis quidem nam ea, labore repellendus quo ullam, laborum non, mollitia quam esse doloremque ipsa optio!</span></p>

    <p><span>Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequatur adipisci atque omnis pariatur perspiciatis consectetur delectus in earum laborum optio! Nihil dolorem ut aspernatur quisquam doloremque maxime officia iure vel.</span><span>Ea exercitationem itaque nesciunt, id, omnis praesentium reiciendis illo cum voluptates reprehenderit distinctio minus eveniet! Odit inventore perspiciatis, esse autem sint facilis aliquid ut debitis rem id? Modi, libero explicabo?</span><span>Velit eaque dolorem laudantium et nemo quam iste expedita ut mollitia voluptate, modi dicta necessitatibus praesentium asperiores omnis adipisci in aperiam, animi officia! Assumenda pariatur delectus ab aliquam? Deserunt, numquam.</span><span>Ipsam ex et quidem, pariatur dolor aut eveniet ut, amet veritatis eius repudiandae. Omnis eveniet perspiciatis nisi cupiditate alias iste reiciendis magni adipisci. Laborum quis reiciendis, est nisi accusantium consequuntur!</span><span>Nam laboriosam deleniti ducimus est architecto voluptates esse quisquam perspiciatis rem aliquam dolorum praesentium at, optio fugit adipisci voluptatibus dolorem repudiandae modi maiores? Est voluptatum dolor molestiae praesentium nihil et!</span><span>Veritatis, tenetur consequuntur. Porro officiis atque aspernatur dolores facere, natus sapiente cum inventore dolor, esse mollitia. Eveniet sed fugiat incidunt esse quae veritatis magnam? Error non quae veniam esse provident!</span><span>Nostrum quod accusamus ipsam veritatis, ab culpa vitae, commodi possimus voluptatem libero hic beatae deleniti, cupiditate magni at consequuntur! Nulla excepturi cum, laudantium tempore delectus magni consectetur soluta repellendus praesentium.</span><span>Consequuntur consectetur cumque ea accusantium modi esse praesentium illo et aspernatur rerum cum distinctio laboriosam, neque blanditiis soluta atque quis ab magnam hic molestias eaque sit? Dolor at quisquam expedita.</span><span>Odio unde nostrum, minus expedita explicabo id suscipit aliquam, officia saepe aperiam, corrupti beatae iusto inventore aspernatur eligendi dolor deleniti esse ipsa culpa illum libero corporis adipisci! Aperiam, quo nemo.</span><span>Nulla quae, numquam ea deleniti suscipit cupiditate a sequi itaque. Aliquam sint nam dolore iste cupiditate sed, laudantium praesentium eius fugit nulla, provident exercitationem fuga facilis nisi error enim recusandae.</span><span>Necessitatibus nisi maiores tempore, consequuntur delectus aspernatur facere quisquam, eum iusto accusamus incidunt minima et aut ducimus pariatur dolores possimus! Aperiam facilis error perferendis reiciendis qui maxime amet cum quibusdam!</span><span>Perspiciatis vitae dignissimos asperiores error excepturi, ad quia, impedit in ducimus earum consequuntur qui explicabo sint, quod adipisci illo laboriosam eius cupiditate quasi commodi. Voluptates nihil maxime reprehenderit eveniet officia!</span><span>Voluptatem fugiat voluptas reiciendis ad, magnam iure! Ducimus fuga explicabo obcaecati ipsum repudiandae consequatur nulla atque est doloribus provident porro perferendis, culpa corrupti nihil? Blanditiis tempore debitis perspiciatis laudantium itaque.</span><span>Consequatur, numquam. Alias nulla et nihil asperiores quod accusamus doloremque veritatis culpa, praesentium ratione minima libero reiciendis nam commodi adipisci consectetur expedita inventore quis iusto dolores exercitationem. Eius, id veniam!</span><span>Libero molestias tempore laudantium aliquid consequatur expedita accusamus nemo velit? Quis accusamus eligendi suscipit, reprehenderit illum facere? Iusto eius libero molestiae quae, architecto totam laboriosam eveniet illum doloremque minima iure.</span><span>Odit, sunt nesciunt esse quasi ullam quisquam corrupti accusantium pariatur? Reiciendis molestiae quaerat suscipit laborum eius dolore atque, in dignissimos delectus perspiciatis, reprehenderit voluptates! Autem sed officiis et saepe sequi.</span><span>Libero sit fuga omnis totam obcaecati laborum cumque dignissimos veritatis? Molestias minus harum culpa eaque labore voluptas tempora reiciendis numquam similique. Nulla distinctio et sapiente in labore numquam, quidem ad!</span><span>Eligendi praesentium numquam dicta exercitationem veritatis maxime, illo fuga debitis, saepe, eaque quisquam laudantium perspiciatis magnam dignissimos voluptatum voluptatibus odit quasi expedita nam. Architecto autem quae, doloremque voluptas molestias quidem?</span><span>Doloremque magni aliquid mollitia debitis architecto voluptate voluptatibus magnam numquam quae maxime maiores sint incidunt quo voluptas dolore neque nostrum, reiciendis animi itaque distinctio ut unde. Quod perferendis inventore enim.</span><span>Sed optio et in quidem deserunt voluptatem totam cupiditate suscipit commodi inventore, animi tenetur eum. Placeat maxime perspiciatis laudantium minima veniam nisi, ex laboriosam qui iusto atque minus vel voluptatum.</span></p>

    <!-- div element below -->
    <div>Love Nature</div>

    <p><span>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Nesciunt impedit natus pariatur! Vero ad eius aspernatur iusto culpa rem libero non doloremque facilis eaque? Perspiciatis ab ducimus maxime ipsum deserunt.</span><span>Sunt possimus, et vitae vel eveniet natus? Perferendis necessitatibus quod dolorum a laborum, consectetur obcaecati quo eligendi quidem, harum, nisi libero quam ratione illum enim eaque doloribus quisquam veritatis omnis.</span><span>Error iusto, a impedit quas nostrum ex repellat facere illum nobis ipsam. Magni soluta magnam fuga non voluptate. Laudantium perspiciatis molestiae est distinctio quo quam velit nostrum sapiente omnis placeat.</span><span>Id officiis doloribus exercitationem nisi. Nihil, fugit. Quod dicta doloremque dolores est aperiam, molestiae eveniet laudantium inventore similique adipisci. Quaerat non sapiente obcaecati quibusdam amet voluptates doloremque ad adipisci unde.</span><span>Eius, reiciendis porro. Nemo odit nesciunt saepe at quia, consequatur eos, sequi nihil amet maiores repudiandae quae iure commodi tempora porro, autem odio! Tenetur incidunt, aperiam optio eos sunt fugiat.</span></p>
    <p><span>Lorem ipsum dolor sit amet consectetur adipisicing elit. Delectus nemo quae repudiandae, obcaecati harum, consequatur cumque optio quis eaque, pariatur ad accusantium praesentium beatae aut nisi error et laudantium laborum.</span><span>Quisquam placeat aut nesciunt, molestiae nobis sit ex expedita, asperiores reprehenderit, culpa deserunt eos? Cumque nostrum deserunt, laudantium nemo illo ipsa praesentium fugit magnam rem optio, dolores neque corrupti in?</span><span>Culpa earum, facere deserunt quis voluptates eaque perspiciatis harum omnis vero, maiores maxime autem dolore recusandae, ipsa quos iure veritatis in temporibus nihil fuga? Sequi libero doloribus vero debitis nesciunt!</span><span>Sapiente sint dignissimos odio nostrum ex nemo unde ut quod ratione labore ab, non velit inventore, expedita quaerat accusamus dolore facere deserunt veniam doloremque aspernatur! Ut et ratione dignissimos deleniti!</span><span>Deserunt nihil dicta quia pariatur excepturi. Corporis, at! Obcaecati sunt dignissimos deserunt, nulla ipsum veniam dolorem harum, enim, inventore assumenda autem corrupti est maiores sint distinctio odio commodi iure? Nostrum?</span><span>Voluptatem minima, autem aspernatur aut laudantium sunt corrupti magni, nostrum iusto suscipit quam eligendi expedita. Aliquam eum nobis repellendus nostrum provident, blanditiis odio doloremque numquam animi. Enim dignissimos quae aliquam?</span><span>Ea ipsa reprehenderit itaque dolores. Laboriosam voluptate odio amet expedita explicabo dolor aut odit deleniti officiis cupiditate ipsum, autem nesciunt nisi illo itaque? Animi, aliquam quisquam provident commodi molestias totam?</span><span>Nobis illum aspernatur facere. Explicabo voluptates provident illum corrupti officia modi, ad blanditiis totam nihil et, cumque iure sit dolores nobis. Totam eum, commodi eius similique praesentium itaque tempora necessitatibus.</span><span>Vero, repellat esse veniam, possimus, excepturi ipsum ad animi voluptate nemo error totam provident. Temporibus vero repellendus, atque dignissimos voluptatem vel? Quia corporis nihil alias facere optio minima voluptatem aut?</span><span>Iure, quod temporibus! Suscipit animi cupiditate fugiat fuga magnam, tempore, tenetur, saepe officiis iure iusto amet quod quos voluptates dolor voluptas ipsam blanditiis libero similique hic. Eum unde sed et?</span><span>Voluptates atque est officia mollitia dolorem architecto aspernatur autem doloremque perspiciatis corrupti reiciendis corporis dolorum at, quia illum, repellat magni tempora aliquid nam sequi? Beatae iste optio quos omnis facilis?</span><span>Ut esse aliquid eaque sit eos aperiam ipsum consequuntur eligendi ad, dolore veritatis porro voluptatum placeat obcaecati numquam fuga qui commodi reprehenderit corporis maiores voluptatem facere quas? Minima, reiciendis tenetur?</span><span>Repellat fugit fuga eligendi adipisci enim itaque quidem, odio, magnam accusantium omnis obcaecati dolore voluptatibus tempore iure. Temporibus quasi doloremque enim eius provident, repellendus quam nisi et? Cupiditate, et reiciendis.</span><span>Amet, ea? Quibusdam animi quo odit delectus repudiandae porro dignissimos ipsum, dolores vitae modi, facere voluptatibus deserunt consequatur quisquam excepturi reiciendis dicta commodi. Atque harum recusandae consequuntur deleniti doloremque impedit?</span><span>Hic, suscipit porro? Et, quos eos voluptatum dolorem asperiores, similique voluptatem impedit soluta adipisci repudiandae quidem dolor. Reprehenderit dolore sequi asperiores in distinctio quam sed optio, officiis tenetur excepturi quia.</span><span>Ratione cumque deserunt similique temporibus cupiditate perspiciatis, porro accusantium eaque, aut ab sunt fuga reiciendis commodi? Minus iure, magnam ipsam, consectetur id odit sunt exercitationem repellendus laborum debitis voluptates facere.</span><span>Magnam autem tempore neque expedita unde amet numquam quaerat optio nihil rerum pariatur sapiente praesentium doloremque ipsa cumque alias vitae totam, maiores corporis! Dignissimos, quas! Sed accusamus sapiente saepe sint!</span><span>Laborum, eligendi. Consectetur debitis maxime et veniam odit accusamus exercitationem labore ullam deserunt velit dignissimos sint iusto fugiat ducimus, in at vitae omnis molestiae minus explicabo itaque nisi illum? Nam.</span><span>Odio repellendus ipsam veniam eaque distinctio officia deleniti, necessitatibus nostrum numquam possimus voluptates pariatur illo cum excepturi reiciendis corrupti vel beatae sequi voluptas, laudantium a aliquam dolores! Ducimus, minus velit.</span><span>Architecto voluptatum error quae quam aperiam ullam possimus est minima repudiandae optio nam inventore maiores, fuga accusantium quidem quod neque, perspiciatis cupiditate debitis, non itaque magnam necessitatibus totam vitae. Eligendi.</span></p>
</body>
</html>