Skip to main content

Posts

SLIDER 2 Using HTML, CSS ,and Javascript

  WATCH PREVIEW: FULL CODE: <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>Document</title>     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">     <style>         *{             margin: 0;             padding: 0;         }         body{             background-image: url(p.jpg);             background-repeat: no-repeat;             background-size: cover; ...

SLIDER USING HTML, CSS, and Javascript

WATCH THE YOUTUBE PREVIEW: MOVING SLIDER: The moving slider contains two divs. The first div displays the full image and the second one has the selection tabs. On clicking them our display image moves to the specified image.  HTML:     <div id="main">         <div id="show">             <img src="a1.jpg">             <img src="a2.jpg">             <img src="a3.jpg">             <img src="a4.jpg">         </div>         <div id="select">             <div class="item">                 <a href="#" onclick="allot(1);">                     <img src="a1.jpg" alt="">               ...

Aesthetic Login & Sign-up page | HTML, CSS, & Javascript

Take a tour of our final login and sign-up page. HTML CODE: We create three divs- the first one to select from the option of either login or sign-up containing two buttons, the second one with a form for sign-up, and the third one for login. To all the buttons on the page, we provide a single class and for both the forms, a single class is given. CODE:     <div id="options">         <button class="but" style="margin-top: 20px;" onclick="appear();">Login</button>         <button class="but" onclick="sinapp();">Sign-Up</button>         <p>Use G-mail or Facebook account</p>     </div>     <div id="sign" class="formin">         <form id="sin-cont">             <input type="text" name="fn" placeholder="Enter Your First Name" required>             <input typ...

HOW TO WRITE A GOOD SHORT STORY

Whenever you begin to write a story, you have no clue what, to begin with. What to create? completely clueless? Then this article is for you if you want to write a good story. Why should you write a story? For how long would you depend on others to keep you entertained? we write stories not because we need to, but because we want to. It can keep you entertained for years, and entertained for something you have created on your own! what's more fun than that! For real, there is no particular algorithm to write a story. We write when we want to when we have that urge to express. But still, here are a few steps that might be useful at beginning of the process.  1. Five Elements of a Story: Theme, Conflict, Plot, Characters, and Setting. Jot them down on a notebook in the same serial order as I have mentioned. Here our mission would be to figure out all of these elements one by one and give them some meaning.  2. Theme: Finding a theme isn't so difficult. Look around yourself, toda...

COLD WAR

  Synopsis: A young soldier learns a lesson of fate during a war set in the future which proves to be a turning point in his life.  Click on the chapter title to read it: 1.  CHAPTER 1 2.  CHAPTER 2 3.  CHAPTER 3 4.  CHAPTER 4 5.  CHAPTER 5

COLD WAR- CHAPTER 5

 I opened my eyes and saw a doctor in front of me, he stretched my arm and asked if I was feeling better, gaining some conscience I finally came to my senses, now I could see moving objects in front of me. My arm and my leg were covered by plasters, and there was a bandage on my forehead, "Congratulations Mark, you finally recovered from the injuries of yours, now you can relax for a few hours, just close your eyes," the doctor said smiled and left the room. For hours, questions kept on flowing in my mind about things. Things that might have happened and how long had I been here? and the doctor came back, "Mark! here is a guest to meet you," said the doctor and led Lieutinent Adam inside my room. He looked perfectly fine, it felt like he survived that day. Coming forth towards me he sat on a chair near my head and gave a smile, "How are you slick? it's been a year and a half since you were laid here, sorry to see your half flesh had burnt, but you would hav...

COLD WAR- CHAPTER 4

 Everything is fair in love and war. This was going to be true today. The morning began with spotting some jets approaching us when general luke was being informed of the upcoming attack. And the bombs fell on the cabin blowing it up into nothing. And the shouting began, our soldiers held their guns took their positions, and got ready to attack. This was something we did not expect but it was indeed not the Japanese army but the Britishers and they were planning this attack for us. "It's a trap, beware! it's a trap!" the word was echoing in the base into every other ear including mine and we weren't prepared for what can happen next and another blast. And then one more blast from somewhere. We could see their men approaching us till now and all we could do was help each other stand. Burnt faces were in front of me, men bleeding, their corpse laid on the ground, it was a horrific episode to see, and I got to see Adam firing at someone, their army had entered our zo...