-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
71 lines (63 loc) · 18.6 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link
href="https://cdn.jsdelivr.net/npm/remixicon@4.3.0/fonts/remixicon.css"
rel="stylesheet"
/>
<link rel="shortcut icon" href="img/logo.png" type="png">
<link rel="stylesheet" href="style.css">
<title>W3 School Clone</title>
</head>
<body>
<header>
<nav>
<img src="img/logo.png" alt="" class="logo">
<ul class="u">
<li class="t">Tutorials</li>
<li class="t">Excercises</li>
<li class="t">Certificates</li>
<li class="t">Services</li>
</ul>
<div class="sear">
<input type="text" placeholder="Search..." class="bar"><i class="ri-search-line"></i>
</div>
<a href="index2.html" class="at"><i class="fa-solid fa-toggle-off" id="tog"></i></a>
<i class="ri-sparkling-fill" id="spark"><span class="plus">Plus</span></i>
<h2 class="space">❰/❱ <span class="Spaces">Spaces</span></h2>
<i class="ri-shopping-cart-line" id="cer"><span class="cart">Get Certificates</span></i>
</nav>
</header>
<header class="h2">
<nav class="n2">
<ul class="pn">
<li class="pnl">HTML</li>
<li class="pnl">HTML</li>
<li class="pnl">HTML</li>
<li class="pnl">HTML</li>
<li class="pnl">HTML</li>
<li class="pnl">HTML</li>
<li class="pnl">HTML</li>
<li class="pnl">HTML</li>
<li class="pnl">HTML</li>
<li class="pnl">HTML</li>
<li class="pnl">HTML</li>
<li class="pnl">HTML</li>
<li class="pnl">HTML</li>
<li class="pnl">HTML</li>
</ul>HTML
</nav>
</header>
<div class="sa">
<aside>
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Amet reprehenderit, Lorem ipsum, dolor sit amet consectetur adipisicing elit. Excepturi eos aperiam modi incidunt veritatis aliquid. Magnam exercitationem error, nulla qui aspernatur molestiae incidunt quaerat a, Lorem ipsum dolor sit amet consectetur adipisicing elit. Optio vero recusandae adipisci commodi amet? Voluptate excepturi tenetur porro necessitatibus minima velit. Aliquid beatae voluptatum exercitationem excepturi harum tenetur, nemo impedit necessitatibus dolorem eum aliquam ipsa corporis non dolorum! Voluptate dignissimos atque aut fugit in quae vero voluptatibus ducimus ab provident aperiam repellendus esse iste mollitia earum ipsa aspernatur aliquam labore omnis recusandae saepe rerum, eaque distinctio voluptas! Ad commodi eum totam accusantium ipsa maiores cupiditate, dolor distinctio nam impedit sequi quas odit aspernatur consequatur voluptatibus voluptatum possimus, error necessitatibus exercitationem quisquam dicta ullam? Hic quia architecto autem, distinctio nesciunt, atque culpa, debitis fuga sed optio quos. Sit fugit distinctio unde illo illum eos deleniti tempore voluptas, temporibus beatae odit earum necessitatibus nemo nobis quibusdam? Aliquid aliquam explicabo iusto eveniet libero doloremque odit. Nisi neque, quam odit nesciunt et maxime minus ipsum! Maxime inventore pariatur ipsum cumque numquam laboriosam quos ad quibusdam ullam dolore? Qui similique ducimus quidem, distinctio ex ut adipisci pariatur a cum porro est labore quod laudantium. Maxime nulla deleniti aspernatur, deserunt corrupti fugiat expedita dolore veniam blanditiis laudantium, exercitationem maiores! Dolor provident quae repellat rerum recusandae, facere perspiciatis, quisquam culpa laborum possimus, sapiente tempora doloribus nemo itaque! Magni aliquid non obcaecati maxime eos esse inventore, nostrum, dolorum aperiam earum perspiciatis quaerat saepe delectus perferendis deserunt at nesciunt! Aperiam laboriosam magnam enim debitis, ullam voluptate? Maiores exercitationem dolore rem eveniet omnis saepe, ut itaque ullam optio error velit cupiditate alias ea autem quibusdam eos culpa. Hic iusto perspiciatis error dicta voluptas eum, enim libero minus praesentium ea neque itaque ad nisi amet aperiam. Fuga, enim porro animi impedit veniam asperiores, nam nulla ut earum facere, doloremque nisi. Molestias mollitia sunt consequuntur deserunt! Fugiat laudantium inventore aut reiciendis ut nesciunt consequuntur earum soluta deleniti nostrum, voluptatibus, quidem quisquam repellendus totam alias. Earum tempore recusandae magni architecto commodi, voluptatibus iure cumque natus molestias assumenda quam deserunt, ipsum illo ab culpa voluptate minima, dolor laborum nihil obcaecati laboriosam saepe nobis excepturi porro? Earum necessitatibus dignissimos, corporis sequi quam commodi asperiores ea esse ut aperiam possimus laboriosam, ratione veniam provident impedit ipsam deleniti repellendus consectetur quod itaque reiciendis. Necessitatibus facere cumque iusto commodi nisi ad facilis porro, quo ducimus enim ut dicta esse doloribus repellat tenetur quis modi, illum voluptatem, iure officia amet eligendi! Laboriosam id, eveniet modi pariatur tenetur molestiae expedita quae repudiandae, at fugiat odio, fugit optio magnam. Reprehenderit suscipit pariatur vel consequuntur, quam repellendus illum numquam minus dolorem nihil omnis! Necessitatibus eligendi fugit suscipit ut quidem sapiente autem quam temporibus asperiores illo perspiciatis saepe laboriosam, blanditiis nulla recusandae. Eligendi quod sed nam, expedita eius quae est ad suscipit veritatis a natus velit accusamus facilis laboriosam praesentium repudiandae sequi eos dolorem soluta, placeat omnis, quis consequuntur inventore? Reiciendis enim mollitia possimus voluptates voluptatem illum eligendi commodi explicabo. Cupiditate soluta laborum numquam debitis possimus fugit vel nulla accusamus rem cum deleniti perferendis, culpa quisquam? Voluptatibus facere voluptate, reprehenderit vel deleniti esse vero doloribus magni assumenda quidem maxime neque eos recusandae odio nisi debitis dolore minus odit id! Debitis tenetur quo quisquam dolore odit dolor nisi animi eum perspiciatis enim. Libero laborum neque molestiae eum vitae ex doloremque odio repudiandae voluptates aspernatur nihil obcaecati sunt eius facilis tempora, iure necessitatibus repellat excepturi quod veritatis illum, in iste eaque atque! Aperiam excepturi exercitationem explicabo unde quisquam rem, asperiores officiis provident, ducimus fugiat dolorem porro repellat officia atque nesciunt dolorum quo fuga at quaerat cumque natus a! Enim non eveniet iure iusto, quisquam obcaecati, necessitatibus natus consequatur suscipit ducimus voluptates optio. Dolorum ullam minus eaque doloribus a ab dignissimos saepe tenetur, delectus dolores veritatis, praesentium laudantium dicta exercitationem facere at dolore fugiat. Autem magni alias quae soluta, corrupti dolorem id rerum. Dolorum quae nobis veritatis suscipit eius illo veniam autem quam nam! Amet nisi fugiat, accusamus saepe sequi esse maiores aspernatur repudiandae dignissimos ut in vero neque impedit quibusdam iusto tempore quasi dicta? Dolore inventore assumenda laudantium illum explicabo, obcaecati molestias porro rerum delectus ipsum vitae ut tempore nam, ea iure veritatis eos saepe consequuntur nobis dolores id impedit quam fugiat! Aperiam laborum doloremque repellendus nulla possimus necessitatibus, cum ab eos? Laboriosam ullam quibusdam saepe amet voluptatibus, maxime eveniet unde nihil fugit iure, voluptates quaerat cum, repellendus accusantium illo optio debitis quod sequi? Eaque, possimus natus minima quis ea et, impedit architecto sunt nostrum nemo ullam dignissimos dolores excepturi nam iusto doloremque molestiae totam voluptatem? Nesciunt expedita numquam illo animi recusandae nostrum vero eos similique maiores adipisci ipsum nulla necessitatibus doloremque corporis libero asperiores atque dolores sequi aperiam ipsam, officiis error odio. Voluptate beatae mollitia, tempore culpa officiis perspiciatis vitae molestias voluptatem commodi nisi debitis doloremque cum optio nam recusandae temporibus quaerat inventore neque tempora repudiandae odit obcaecati praesentium nulla! Eaque necessitatibus fuga nostrum fugiat eos officia pariatur quisquam dolor totam, maiores saepe officiis. officiis impedit voluptatem, quam temporibus. hic quod odio assumenda modi. Minus quidem laboriosam consequuntur? Sed perferendis in rerum blanditiis, corporis, ab quibusdam animi fugit nemo iusto, vitae facilis tenetur debitis optio fuga voluptate tempore atque id quae! Illo, corrupti quos minus deserunt fuga doloribus rem, aliquam, accusamus dolores iste nesciunt neque voluptate suscipit soluta optio qui officiis quo unde eligendi eos? Omnis repellendus facilis laboriosam explicabo accusantium voluptatum. Quidem pariatur, esse reiciendis inventore magnam exercitationem ipsum saepe est. Dolore esse harum odit voluptate aliquid fugiat pariatur excepturi neque? Quisquam animi soluta porro placeat suscipit quod, ipsam fuga cumque molestiae deserunt alias odio tenetur deleniti. Amet aut rerum necessitatibus. Iure pariatur facilis placeat impedit, nihil rerum perspiciatis corporis expedita quisquam? Reiciendis aperiam et, molestias sint dolorum voluptatibus. Non, dolore modi hic facilis fuga sint iste. Sunt eius culpa iste odio exercitationem, provident illo maiores libero, iure qui temporibus saepe harum enim eos, vel reiciendis minima beatae. Tempore at nihil totam quasi soluta veniam nulla exercitationem, autem fuga quod, aliquam perspiciatis modi assumenda ipsum. Perspiciatis sapiente iste veritatis nostrum sint et a libero dolorum voluptatem minima! Veniam, et. Exercitationem, sed reprehenderit ab vero repellat asperiores? Voluptatem nisi laborum distinctio exercitationem repellendus amet quidem iure porro labore dolores omnis, quisquam nostrum maiores quibusdam cumque inventore debitis maxime quaerat. Expedita corrupti distinctio ullam enim consectetur itaque quam inventore et iste! Labore, impedit nesciunt. Maxime nobis rerum quis ratione, officiis nulla est facilis numquam illo optio. Ratione eveniet doloremque exercitationem excepturi facilis! Debitis fugiat dolorum autem eius libero itaque quae reiciendis, asperiores odio molestias ducimus maiores totam atque excepturi adipisci sed perferendis cumque corrupti sint ut. Et odit ea molestiae, iusto fugiat totam, dolorem, id hic fugit ab cumque voluptatibus modi rem cupiditate molestias dolor tempora facilis voluptas adipisci corrupti provident nesciunt ipsum voluptatum. Laborum unde qui itaque quae commodi. Distinctio, nisi. Maxime maiores vel dolor ipsa quisquam eius illo, minima deserunt quae sequi. Placeat, obcaecati, magni repellat quidem perspiciatis rerum consectetur doloremque veniam animi aliquid consequatur temporibus laboriosam rem soluta est omnis harum reiciendis? Debitis obcaecati, mollitia, officiis, quibusdam dolores quidem commodi sequi adipisci excepturi at impedit nulla ipsa laborum neque libero explicabo minus molestias quia deleniti! Saepe veritatis perferendis et repellat aspernatur dolores ipsa accusantium soluta neque doloribus, sequi sit officia culpa delectus voluptate consectetur quia dolorem. Assumenda sed, praesentium, quod, nam voluptas explicabo ipsam ipsa possimus repudiandae consectetur velit aspernatur nulla voluptatum culpa sunt excepturi! Iusto deleniti neque dolorem maxime unde eius quaerat aliquam cum hic, itaque laboriosam soluta laborum! Ea, consequatur adipisci quos corrupti alias cumque placeat quod dolor rem, in, accusantium deleniti soluta quas iure eaque debitis saepe aperiam. Nostrum ullam hic atque iste. Perferendis obcaecati quisquam, voluptatum eligendi numquam rem aut neque, esse eos ipsum non nihil a veniam nulla illum. Hic adipisci rem optio excepturi voluptatem soluta iure nihil eos nam repellendus harum repellat asperiores sapiente laudantium vel laboriosam dolor magnam, velit doloremque ex esse sint fugit. Voluptatum, tempore quas. Cupiditate fugiat aperiam asperiores excepturi quidem, nesciunt rem pariatur harum quas deserunt dolor, in voluptatem minima repudiandae, rerum voluptas aut sunt laboriosam! Alias itaque iste dicta. Velit odit molestias voluptatibus illum eius amet repudiandae dolorum quod fugit error consectetur et, harum vero officia adipisci ut aut? Quidem facilis dolorem quibusdam nam delectus ipsa dignissimos amet sint et ipsam quisquam doloremque veniam laborum labore ad unde non eveniet rem quam, cupiditate ex, quo sapiente tempore! Cum veritatis autem, eos perspiciatis earum eaque sapiente maiores aspernatur dignissimos assumenda totam quidem, nam nostrum vel modi id esse mollitia dolor voluptatum. Nostrum consectetur veritatis neque reprehenderit ducimus.
</aside>
</div>
<div class="content">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Natus ipsum a, corporis voluptate nisi culpa veniam. Commodi quos dolorem veritatis incidunt sequi libero ad, est quidem. Libero at placeat pariatur inventore quis doloribus sint provident fuga rem error quo molestias est consectetur perferendis sapiente maxime tempore, modi ullam. Fugit repudiandae sit voluptatibus harum modi quaerat dolorum adipisci, eligendi libero consequatur odit dolore vero! Fuga autem commodi minus, quam totam cum, natus quidem dignissimos, quae iste atque cupiditate culpa vero nulla nam! Obcaecati sunt, perspiciatis, architecto unde alias neque consequuntur quos reiciendis, nam nemo sit distinctio similique quae animi tempore necessitatibus illum dolorum laborum? Asperiores numquam cum officiis laboriosam dignissimos reprehenderit doloribus culpa soluta blanditiis iure eligendi atque perferendis dolore veniam, iste, nostrum architecto quam, officia ratione in laudantium explicabo? Aliquam iure ipsum accusamus eveniet porro! Minima numquam quam distinctio modi harum illum impedit odio, in deleniti reiciendis veniam totam amet corporis qui voluptatum eius vel error perspiciatis fugiat quas! Nisi voluptatum laboriosam dolorem eum at dignissimos! Aut aliquid incidunt saepe perferendis tempora facilis, reprehenderit animi, fugiat reiciendis dolor perspiciatis, recusandae pariatur nulla quos. Doloremque, quo et eligendi sint cum reprehenderit, quidem unde dicta iure quae saepe porro atque id totam sapiente facere nihil expedita illo amet a dignissimos deleniti inventore? Neque autem laborum quo ab tempore recusandae quidem. Autem officia non officiis at eaque assumenda, ipsa ex perferendis commodi ullam beatae recusandae consequuntur unde aperiam minus vero aliquid laboriosam sapiente cum porro ab illo quibusdam odio. Labore ea dicta facilis corrupti, ipsum nihil voluptates vero magnam aut soluta tenetur nemo. Voluptate numquam consequatur magnam ad illo fugit quia dolor delectus inventore nulla nemo sapiente, velit, aliquam dicta officiis praesentium cum repudiandae unde alias nostrum aliquid fugiat laboriosam. Ipsum libero fuga sequi eos, quod consequatur placeat dolore nemo optio officia repudiandae, rem recusandae aut corrupti voluptatum ab eligendi explicabo similique iste incidunt hic, delectus porro. Quibusdam neque rem, dolore necessitatibus tempora iste, eaque ex dignissimos, ipsa nobis quos eius adipisci officia libero fuga blanditiis voluptatum delectus quia vitae expedita explicabo! Ipsam est incidunt sint dolor id dolorum architecto esse itaque! Illo autem non dolores deleniti voluptatem possimus praesentium, repellat exercitationem rerum natus vitae quam sint nobis ducimus sequi a expedita obcaecati explicabo vero eaque sapiente. Commodi, eligendi! Aperiam dignissimos totam enim repudiandae facilis. In suscipit reprehenderit totam, corporis fugit aliquam tenetur perferendis maxime nisi praesentium officia vel ratione modi necessitatibus, blanditiis ipsam sunt accusantium. Architecto libero ex deleniti nisi necessitatibus eum dicta culpa eius esse quos ipsam tempora sit, at reiciendis doloremque officiis. Et debitis culpa beatae accusamus. Inventore velit ducimus modi, vitae voluptatum dolorum incidunt harum minima, suscipit tempore provident. Eligendi repudiandae labore eius enim consectetur ipsam exercitationem libero mollitia facilis obcaecati rerum tenetur aperiam nemo ullam, odit illo sed, vel maiores, perferendis dolorum officiis facere accusamus asperiores. Id accusamus, doloremque beatae, officiis aut nostrum fugit praesentium, delectus dolores possimus suscipit iure? Eos eum, velit quidem iste perspiciatis illo! Veritatis tempore animi nobis vero autem recusandae facere porro eius, voluptate accusantium nisi error placeat, laudantium eum aut minus neque nemo fuga quas unde ducimus labore illo quibusdam suscipit! Soluta nulla quasi esse, sit dolorem id ad non tenetur perspiciatis odit ipsum, suscipit error? Officia quos deserunt a laboriosam eum eos fugit, tempora suscipit ducimus, neque numquam nemo explicabo veniam ad? Cupiditate asperiores ipsam facere repellat? Ipsa asperiores quasi mollitia debitis? Ducimus officia exercitationem vero laboriosam soluta nulla odit neque a doloremque fugit, eveniet velit, mollitia minima ipsum iusto inventore itaque libero atque tempora consectetur! Suscipit numquam repudiandae facere, omnis eaque pariatur quas dignissimos similique sint nobis modi molestias blanditiis. Accusantium sunt perferendis iure exercitationem mollitia similique, corrupti iusto? Deleniti dolorem debitis quaerat, hic exercitationem ipsum, aliquid facilis ad esse sunt vitae expedita cum optio quisquam consequatur doloremque. Vel natus ipsam, dolorem fugit minima voluptatibus porro, laudantium sapiente et quam quas at autem mollitia provident eaque. Corrupti, ex dolor itaque fugiat rem maxime minus quos ipsam, vel saepe tempore porro! Itaque rem illum nulla soluta molestias labore, sit id est ea autem accusantium saepe repellendus quae fugiat similique sunt quidem! Placeat debitis, praesentium provident amet animi quibusdam doloremque earum tempora similique nemo cupiditate fugit consequatur maxime nulla quam nostrum fugiat pariatur aut inventore omnis accusantium voluptatum natus maiores laboriosam! Unde, dignissimos quis. Esse, labore laudantium quod distinctio nisi ipsa suscipit blanditiis neque reiciendis adipisci mollitia laborum inventore a quos tenetur nobis. Deleniti maxime aspernatur ex reiciendis magni quo blanditiis repellat esse consectetur, accusantium eos excepturi asperiores? Voluptate perspiciatis ullam iure illo eligendi tempora ex eos maxime? Dolorum neque architecto laborum? Doloremque consectetur omnis porro sit accusamus numquam totam, nesciunt quidem soluta, praesentium laboriosam adipisci quasi? Velit hic cupiditate in, error vitae reiciendis tempore consequatur, at harum ad odio commodi, dolores dolorum ab ipsam nesciunt! Aliquam repellat quidem quibusdam quisquam labore ipsam?</</p>
</div>
</body>
</html>