ProjectsTHE CODE IS BELOW

Parallex 1

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quod iste iusto ut ea deleniti ab repellat, quam fugiat maiores sunt ratione fugit explicabo recusandae aut. Voluptatibus totam ipsum veritatis asperiores. Quaerat non culpa tempora quasi eum reprehenderit odit similique repudiandae consectetur? Provident, quo! Natus est perspiciatis quos aperiam ratione, excepturi in quis non perferendis iure eos laudantium doloribus voluptatum delectus. Eos perspiciatis illo repellat id, molestias assumenda quidem praesentium, maiores porro magni voluptas veniam minus magnam nulla omnis odit numquam commodi autem debitis, nesciunt aspernatur aliquam dolore optio? Eveniet, praesentium! Autem consequuntur odit obcaecati distinctio voluptatum reprehenderit omnis aliquid quisquam quos, tempora possimus iste modi nisi eum voluptate soluta suscipit ea vel aspernatur rem! Maxime aspernatur vel dolore saepe eius! Corporis, hic. Exercitationem earum, dolore sint inventore fugit nesciunt sequi odio delectus repellendus fugiat velit et rem debitis? Deleniti sunt animi cum laboriosam reprehenderit possimus ducimus ad aliquid quae sint? Earum laboriosam, in quasi, dicta impedit ratione architecto natus illo et amet doloribus dolore. Cupiditate voluptates unde nisi, dolorem, ipsum accusantium hic dolores sunt eligendi asperiores laborum, quia alias omnis. Est nam, laudantium alias, porro laborum maiores consectetur quos qui inventore voluptas ad. Minus ab maxime minima voluptate sed explicabo id, officiis repellendus tenetur, non vero error harum perferendis enim. Assumenda, nesciunt quo recusandae blanditiis consectetur neque eveniet aut nulla hic sed perspiciatis voluptatum voluptatem, tempore placeat quisquam, maiores totam veritatis modi mollitia? Vitae saepe facere nemo laboriosam adipisci est. Fugit voluptas animi quibusdam vero aspernatur aperiam modi eum consequatur! Veritatis vel tempore est! Accusantium in praesentium sint quaerat quisquam eveniet vel reiciendis illo. Maxime cum suscipit sint atque assumenda! Laudantium, consequuntur corrupti voluptates fuga odio assumenda eius iusto, eligendi veritatis nemo voluptate et cupiditate illo ea error ab obcaecati nostrum numquam soluta fugit. Nesciunt illo repellendus expedita cumque est? Aperiam, quo delectus voluptatem error laboriosam, libero tempore dolores quam a obcaecati neque ab aspernatur. Adipisci doloribus fugiat ipsum cum eius, sint recusandae laudantium. Accusantium autem repellat sed cupiditate suscipit? Sint accusamus impedit repellendus alias debitis dolor molestiae temporibus illo inventore esse asperiores ut laudantium saepe earum dolorem accusantium non minus nostrum magni, hic odit est. Similique eius non quia! Sint repudiandae eveniet explicabo sequi, hic ut voluptatibus quae asperiores doloribus facilis assumenda. Commodi ducimus cum reiciendis illum. Unde magni minus libero expedita. Omnis reiciendis voluptates placeat maiores modi eum. Consequatur minima assumenda aspernatur magnam, harum tenetur voluptatibus, molestiae quidem omnis reiciendis, dolorum numquam odio qui necessitatibus voluptates officiis. Quam, optio. Dolore, temporibus? Praesentium exercitationem laboriosam consequuntur provident sed quam.

Projects

Lorem ipsum dolor sit amet consectetur adipisicing elit. Modi debitis et ab eius rerum fugit tenetur consectetur, reprehenderit, nemo numquam sed corrupti eos officiis laudantium provident dignissimos expedita amet illo. Minima, explicabo aut quos vel officia odio nemo laborum minus, repudiandae autem iste officiis non voluptate, ipsum inventore ullam sunt! Quisquam eos veniam impedit tempore et tenetur dolorum. Sit, iure? Blanditiis possimus illo, doloremque eos rerum quo provident nam a mollitia vel, ipsam dolorem exercitationem eaque odio quis iusto ea vitae minus voluptatum corrupti! Error magnam itaque totam voluptates obcaecati. Distinctio asperiores incidunt voluptates accusantium, nobis neque quia pariatur vero cupiditate delectus ea nam odit modi sed omnis optio adipisci ab? Inventore iure modi reiciendis libero harum dolorem labore assumenda?

achivements

Perferendis, adipisci laborum voluptate eos qui assumenda nemo explicabo vel, quisquam molestiae hic id maiores dicta, cupiditate eaque magnam tempore. Nobis, repellendus hic fuga culpa voluptatem dolorum sequi corporis amet! Ratione, voluptatem quas sapiente iure, consectetur fuga optio non tempora molestiae officia laborum, et consequatur! Perspiciatis repellat perferendis tenetur, sapiente atque laboriosam velit alias voluptate, inventore dolor accusamus eum nihil! Sunt eligendi neque vero sint voluptatibus, sed repellendus quia perferendis a deleniti voluptatem dolorem cupiditate tempore ab nemo fuga non doloremque veniam eum placeat aliquid accusantium et? Cumque, aperiam perferendis. Distinctio asperiores incidunt voluptates accusantium, nobis neque quia pariatur vero cupiditate delectus ea nam odit modi sed omnis optio adipisci ab? Inventore iure modi reiciendis libero harum dolorem labore assumenda? Quos obcaecati cupiditate impedit nobis, voluptatum odit non dolore totam laboriosam dolorem ad enim animi nesciunt cumque minus optio expedita doloremque autem. Temporibus eum odit repellendus dolores optio officiis quos! Aperiam labore illo libero voluptatibus tenetur minima ipsa ducimus, ea distinctio rem, assumenda optio, eveniet sint officiis amet nulla! Ad velit natus rem aliquam illo consequuntur deserunt tempora odit quisquam?

You Can Copy And Paste The Code

        
            <!DOCTYPE html>
            <html lang="en">
            <head>
                <meta charset="UTF-8">
                <meta name="viewport" content="width=device-width, initial-scale=1.0">
                <title>Documentation</title>
                <!-- Internal CSS styles -->
                <style>
                *{
                    margin: 0;
                    padding: 0;
                    box-sizing: border-box;
                }
                .parallex-1{
                    width: 100%;
                    height: 60vh;
                    background-image: url('https://random.imagecdn.app/1400/1000');
                    background-repeat: no-repeat;
                    background-position: center;
                    background-attachment: fixed;
                    background-size: cover;
                    display: flex;
                    justify-content: center;
                    align-content: center;
                    backdrop-filter: blur(10px) brightness(70%);
                }
                .parallex-1 >h1{
                    background-color: rgb(29, 29, 29);
                 color: white;
                 font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
                 width: fit-content;
                 justify-self: center;
                 align-self: center;
                    height: fit-content;
                 
            
                }
                .parallex-content{
                    padding: 2rem;
                    border-radius: 10px;
                    background-color: #352f3f;
                    color: #fff;
                    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
                    font-size: 20px;
                }
                /* same do for second one */
                .parallex-2{
                    width: 100%;
                    height: 60vh;
                    background-image: url('https://random.imagecdn.app/1300/1000');
                    background-repeat: no-repeat;
                    background-position: center;
                    background-attachment: fixed;
                    background-size: cover;
                    display: flex;
                    justify-content: center;
                    align-content: center;
                }
                .parallex-2 >h1{
                    background-color: rgb(29, 29, 29);
                 color: white;
                 font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
                 width: fit-content;
                 justify-self: center;
                 align-self: center;
                    height: fit-content;
                 
            
                }
                .prrallex-content-2{
                    padding: 2rem;
                    border-radius: 10px;
                    background-color: #331363;
                    color: #fff;
                    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
                    font-size: 20px;
                }
                /* do for third one */
                   /* same do for second one */
                   .parallex-3{
                    width: 100%;
                    height: 60vh;
                    background-image: url('https://random.imagecdn.app/1400/1000');
                    background-repeat: no-repeat;
                    background-position: center;
                    background-attachment: fixed;
                    background-size: cover;
                    display: flex;
                    justify-content: center;
                    align-content: center;
                }
                .parallex-3 >h1{
                    background-color: rgb(29, 29, 29);
                 color: white;
                 font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
                 width: fit-content;
                 justify-self: center;
                 align-self: center;
                    height: fit-content;
                 
            
                }
                .prrallex-content-3{
                    padding: 2rem;
                    border-radius: 10px;
                    background-color: #2e243d;
                    color: #fff;
                    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
                    font-size: 20px;
                }
                       
                >
                </style>
            </head>
            <body>
                
                <h1 >THE CODE IS BELOW</h1>
    
                
                <div class="parallex-1">
                    <h1>Parallax 1</h1>
                </div>
    
                
                <div class="parallex-content">
                    
                </div>
    
                
                <div class="parallex-2">
                    <h1>Projects</h1>
                </div>
    
                
                <div class="prrallex-content-2">
                    
                </div>
    
                
                <div class="parallex-3">
                    <h1>Achievements</h1>
                </div>
    
                
                <div class="prrallex-content-3">
                    
                </div>
            </body>
            </html>