<!-- --------------- Created By InCoder --------------- -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Scroll to top - InCoder</title>
<link rel="stylesheet" href="main.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
</head>
<body>
<a href="#" class="backToTop">
<i class="fas fa-arrow-up"></i>
</a>
<div class="navbar">
<h3>InCoder</h3>
</div>
<div class="container">
<h1>Scroll to Top</h1>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Dicta quisquam unde dolorum eveniet nulla alias nemo in iste eligendi temporibus eaque, deserunt amet dignissimos consectetur iure consequatur? Exercitationem officia dignissimos minus, quod temporibus voluptates fugiat odit, velit molestias deserunt, magni eveniet. Quae unde nihil quasi qui optio assumenda distinctio exercitationem mollitia incidunt quaerat velit tempora officia, delectus repellat consequatur alias consequuntur quas ad dolore quam possimus sapiente laborum. Ab quam fuga dolore architecto officia, facilis perspiciatis deleniti amet, praesentium quos commodi libero consectetur? Numquam repellendus, perferendis explicabo omnis nihil fugiat tempora corporis cumque? Cumque fugiat obcaecati reiciendis culpa assumenda veritatis quia hic temporibus velit ipsum, voluptate itaque nulla accusantium ipsa, omnis maiores ab eius dolor laboriosam sequi? Magnam labore nobis eaque eligendi blanditiis optio perspiciatis in soluta, eveniet illo suscipit quos dolor dolores. Quidem eius, iusto dolorem, minus nisi maiores doloremque exercitationem eum consectetur eligendi tempore in tenetur expedita aspernatur mollitia! Dolor ab eveniet dolore numquam, eius, architecto et animi odit dolorem consequuntur cupiditate aliquid aut tenetur placeat, deserunt delectus provident. Ducimus, sint consequuntur numquam aut, inventore id tempora corrupti consectetur facilis ex similique excepturi perspiciatis odit impedit veniam voluptatem ab vero mollitia voluptate deserunt expedita ipsam quos enim amet? Eaque explicabo asperiores harum commodi, fugiat deleniti, suscipit odio incidunt consequatur odit iste distinctio rem illum cupiditate. Non distinctio amet atque quaerat placeat dolorem, facere laboriosam maiores architecto fugiat officia, ipsa nulla voluptates pariatur eveniet est minus? Ex, alias necessitatibus. Laborum iure adipisci praesentium sunt, mollitia totam provident quod libero aperiam ad dolor labore esse a nemo odit at quos fuga distinctio dignissimos fugiat maxime voluptatibus nobis! Illo voluptate corporis inventore, esse ullam voluptatem necessitatibus! Deserunt dolor perspiciatis, ut ipsum provident facere quae quam nisi nesciunt eligendi illum aliquid dolorum placeat repellat natus incidunt fugit libero odit minus. Dolorum cum aut, facilis earum accusantium laborum recusandae possimus magnam libero. Perspiciatis inventore, quia repellendus aperiam consequatur possimus voluptas dolorem maiores quam suscipit debitis neque, temporibus, deserunt qui ipsam amet ipsa sequi magnam fugiat doloremque non quos excepturi? Fuga aut consequatur distinctio consequuntur aperiam ratione aliquam incidunt, quia magni quis atque delectus hic molestiae voluptatum sequi suscipit assumenda nihil obcaecati mollitia velit iusto culpa rerum, consectetur inventore! Aut accusamus recusandae modi fugit consectetur, iure illum libero dolor pariatur temporibus velit a voluptatum id quibusdam repellendus veniam vitae, sequi officiis dolore nulla eius veritatis minima praesentium. Necessitatibus tempora labore vel? Ipsam est labore laboriosam velit quod amet laborum odio hic mollitia quia dolores ipsum eligendi quidem praesentium in nemo, quas facilis corrupti cum modi deleniti eius? Debitis esse maiores doloremque porro quibusdam illum sed voluptatum amet aliquid, exercitationem magnam cumque rem delectus perferendis sapiente facere quaerat eaque at, mollitia corporis! Enim non deserunt est reprehenderit ipsa commodi accusamus rerum praesentium, nobis tempore ex natus architecto! Id delectus repellat, sequi ipsa error eius! Magnam temporibus laborum voluptatum iusto vitae natus, reprehenderit explicabo nostrum mollitia voluptas. Sit ad assumenda eius quos quisquam reiciendis asperiores sunt obcaecati voluptates! Dolorum quisquam temporibus voluptas fugiat ratione, magni id, veniam corporis voluptates repellendus cupiditate consectetur sed fuga quas quae deserunt ab officiis aut repellat laudantium exercitationem dignissimos. Quibusdam itaque culpa praesentium dicta veniam voluptates deserunt, ab tempora omnis nesciunt, maxime fugiat cupiditate asperiores aliquid nisi quae magni possimus ducimus eligendi, minima libero ipsum est blanditiis. Commodi vero porro, aliquam provident architecto quod soluta facere modi, praesentium minus cum incidunt cumque pariatur laudantium repudiandae ducimus error debitis iure vel tempore suscipit asperiores quia excepturi? Ex vitae error odio similique repellat ea consequatur iusto, consectetur, perferendis quis qui laudantium exercitationem fuga culpa obcaecati alias tempore minima cum reiciendis. At corrupti molestias tempora repellat commodi sapiente eos voluptate, laboriosam eius ipsam tempore consequuntur dolorum obcaecati ipsum quae explicabo qui ipsa nulla illo distinctio provident. Laborum earum error facere expedita voluptate dolorem cupiditate harum vel, voluptas quia animi ab voluptatum sequi, aspernatur autem natus quaerat quam, ipsum dolorum placeat laudantium ad assumenda. Consequuntur quaerat dignissimos rem, id, assumenda fuga placeat qui voluptatem harum perferendis unde quisquam ipsam suscipit doloribus cupiditate expedita? Blanditiis expedita modi tenetur beatae cum dolor iure cupiditate id delectus neque hic ullam quas, ea pariatur ad nam repellat inventore reprehenderit quia laudantium dicta sequi error a? Illo error placeat doloremque iusto facere enim ab, tempore dolorem blanditiis fugiat similique rem sapiente harum commodi aliquid odio consequuntur nulla nobis odit eveniet facilis saepe tenetur, laborum nemo. Non fuga quisquam dolor fugiat voluptate commodi iste debitis nesciunt mollitia facilis. Nemo quod, expedita nihil dignissimos beatae iste. Neque sit magni architecto adipisci? Voluptatum quos sapiente totam incidunt molestiae eveniet placeat delectus fuga natus quod nulla earum laudantium illo, commodi, voluptatibus molestias ratione, consectetur eos perferendis repellendus sint ad saepe doloremque! Explicabo quas ullam illo voluptatibus nam perspiciatis, eum blanditiis a perferendis. Aspernatur natus nemo rerum est architecto suscipit debitis dolorum, facere consequatur ipsum adipisci vero voluptas aut quaerat saepe quos aliquam eaque optio labore deleniti minus eum commodi. Libero iusto odio ab tenetur sit facere, temporibus cupiditate porro placeat omnis enim, veniam ullam cumque fugiat delectus! Ea minus reprehenderit rem necessitatibus aliquid iure id, quis porro, enim veritatis eveniet rerum quibusdam placeat non ullam reiciendis dolore consequatur iste voluptate? Sapiente reprehenderit aliquam quisquam similique ex recusandae mollitia consequatur facilis id assumenda adipisci porro amet dolorem, distinctio fuga dignissimos labore, ipsam quia nam dolorum autem eos! Aut cum perspiciatis accusamus at. Non tempora in aspernatur, neque quia possimus corrupti alias vel optio, distinctio nam maiores, illo error rem similique aperiam? Quaerat adipisci beatae ab in? Adipisci assumenda ratione architecto culpa facilis quod. Omnis amet debitis perferendis, possimus dicta eveniet. Animi, dolores, reprehenderit nesciunt hic eligendi excepturi distinctio consequatur ipsa quis fugiat explicabo quae amet ducimus nobis. Quod id asperiores quibusdam maiores quas sit blanditiis ea quos natus officia fugiat illo recusandae facilis cum ut voluptates vel, unde iste! Excepturi dolorum laudantium autem, modi reiciendis facere fuga quae nesciunt officiis impedit repellendus et possimus? Modi ab ducimus excepturi nihil doloribus eaque ad dolore praesentium? Consequuntur recusandae quaerat ab molestiae omnis libero doloribus corrupti. Voluptate, esse?</p>
</div>
</body>
</html>/* --------------- Created By InCoder --------------- */
@import url("https://fonts.googleapis.com/css2?family=Poppins&display=swap");
* {
margin: 0;
margin: 0;
font-family: "Poppins", sans-serif;
}
html {
scroll-behavior: smooth;
}
.backToTop {
right: 1rem;
bottom: 1rem;
width: 2.5rem;
display: flex;
color: #fff;
height: 2.5rem;
font-size: 20px;
cursor: pointer;
position: fixed;
border-radius: 5px;
text-decoration: none;
align-items: center;
justify-content: center;
background-color: #1f2532;
}
.navbar {
top: 0;
width: 100%;
height: 3rem;
display: flex;
color: #fff;
position: fixed;
padding-left: 1rem;
align-items: center;
background-color: #1f2532;
}
.container {
margin-top: 3.5rem;
padding: 0px 10px;
}
External CSS
This Pen doesn't use any external CSS resources.
External JavaScript
This Pen doesn't use any external JavaScript resources.