abhishekdoifode1 · Kashishkhan08 · Oct 5, 2022
diff --git a/blog.html/index.css b/blog.html/index.css
@@ -0,0 +1,140 @@
+
+.navbar{
+    position: fixed;
+    top: 0px;
+    left: 0px;
+    right: 0px;
+    height: 70px;
+    background-color:yellow;
+}
+input{
+    width: 500px;
+    height: 30px;
+    align-items: center;
+    position: absolute;
+    top: 17px;
+    left: 100px;
+    border: none;
+    background-color: rgb(235, 235, 177);
+}
+::placeholder{
+color: black;
+font-size: 14px;
+}
+.first-page{
+    background-color: yellow;
+    margin-top: 70px;
+    width: 100%;
+    height: 300px;
+    display: grid;
+    grid-template-columns: 200px 500px;
+    column-gap: 60%;
+}
+h1{
+   font-size: 320px;
+    margin-left:220px;
+    margin-top:-80px ;
+}
+h4{
+    font-size: 25px;
+    margin-left: 90px;
+    margin-top:80px;
+}
+.quote{
+ font-size: 18px;
+ width: 220px;
+ margin-left: 50px;
+ margin-top:-20px;   
+}
+.container{
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr 1fr;
+    column-gap: 50px;
+    margin-top: 20px;
+    margin-left: 30px;
+}
+.box1{
+    display: grid;
+    grid-template-rows: 200px 80px;
+    margin-left:20px;
+    width: 300px;
+    background-color: rgb(238, 226, 133);
+}
+.pic{
+   width: 300px;
+   height:150px; 
+}
+h2{
+    font-size: 20px;
+    margin-top: -35px;
+    text-align: center;
+}
+.para1{
+margin-top: -80px;
+text-align: left;
+font-size: 18px;
+margin-left: 10px;
+}
+.flexbox{
+    display: flex;
+    flex-direction: row;
+    width: 95%;
+    height: 350px;
+    margin:30px;
+    box-shadow: 5px 5px 5px yellow;
+
+}
+.video{
+    width: 50%;
+    height: 350px;
+}
+.video-description{
+display: grid;
+grid-template-rows: 40px 200px;
+width: 50%;
+height: 350px;
+background-color: rgb(236, 236, 218);
+}
+.video-title{
+    font-size: 25px;
+    text-align: left;
+    margin-left: 30px;
+}
+.details{
+    font-size: 19px;
+font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
+    text-align: left;
+    margin-left: 30px;
+    margin-top: 40px;
+}
+.middle{
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    column-gap: 30px;
+    margin-left: 70px;
+}
+.middle-pic{
+    width: 350px;
+    height: 300px;
+}
+.video1{
+width: 70%;
+height: 360px;
+}
+.video-description1{
+    display: grid;
+    grid-template-rows: 40px 200px;
+    width: 90%;
+    height: 300px;
+    margin-left: -100px;
+
+    }
+    .video-title1{
+        font-size: 23px;
+        text-align: left;
+    }
+    .details1{
+        font-size: 16px;
+        text-align: left;
+        font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
+    }
diff --git a/blog.html/index.html b/blog.html/index.html
@@ -0,0 +1,109 @@
+<!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>Blog</title>
+    <link rel="stylesheet" href="index.css">
+</head>
+<body>
+    <div class="navbar">
+        <input type="text" placeholder="Search">
+    </div>
+    <div class="first-page">
+        <h1>news</h1>
+        <div>
+        <h4>Quote</h4>
+        <p class="quote"><i>My eyelids are heavy, but my thoughts are heavier.</i></p></div>
+    </div>
+    <div class="container">
+        <div class="box1">
+            <img class="pic" src="insom1.jfif">
+            <h2>What is Insomnia?</h2>
+            <p class="para1">The inability to fall or stay sleep. Insomnia, also known as sleeplessness, is a sleep disorder in which people have trouble sleeping.</p>
+        </div>
+        <div class="box1">
+            <img class="pic" src="insom2.jfif">
+            <h2>How it affect your body?</h2>
+            <p class="para1">People with insomnia report a lower quality of life compared with people who are sleeping well. Increased risk and severity of long-term diseases or conditions, such as high blood pressure and heart disease</p>
+        </div>
+        <div class="box1">
+            <img class="pic" src="insom3.jfif">
+            <h2>Symptoms</h2>
+            <p class="para1">Difficulty falling asleep at night
+                Waking up during the night and being unable to return to sleep
+                Waking up earlier than desired
+                Feeling tired after a night's sleep</p>
+        </div>
+        <div class="box1">
+            <img class="pic" src="insom4.jfif">
+            <h2>Causes</h2>
+            <p class="para1">Insomnia usually is caused due to stress, trauma or anxiety. Few short term causes could be due to disruptions in circadian rhythm</p>
+        </div>
+    </div>
+    <div class="flexbox">
+        <img class="video" src="https://i.ytimg.com/vi/j5Sl8LyI7k8/hq720.jpg?sqp=-oaymwEcCNAFEJQDSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLAK0ey8P_jh42QhbtUZXYJs7_ZwwQ">
+        <div class="video-description">
+            <h3 class="video-title">Is Insomnia increasing in adults day by day?</h3>
+            <p class="details">According to Centers for disease control and prevention,
+                adults need at least 7-9 hours of sleep in every 24 hour 
+                period, depending on their age. Insomnia is a sleep 
+                disorder that regularly effects millions of people 
+                Worldwide. 
+                Someone with insomnia find its difficult to fall asleep or stay asleep. 
+                About a third of all adults reports some insomnia 
+                symptoms. 6 to 10% of adults have symptoms severe 
+                enough to meet the diagnostic criteria for insomnia 
+                disorder.</p>
+        </div>
+    </div>
+    <div class="middle">
+        <img class="middle-pic"src="insom5.png">
+        <div class="video-description1">
+            <h3 class="video-title1">Major changes in adults</h3>
+            <p class="details1">The major changes occur in insomnia is agening. We 
+                required total sleep stays the same or slightly decreased ( 
+                6.5 to 7 hours per night) . It may be harder to fall asleep 
+                and you may spend more total in bed. The transition 
+                between sleep and waking up is often abrupt . Older 
+                people wake up average of 3-4 times each night. 
+                Sleep difficulty is annoying problem . Long term insomnia 
+                is major cause of auto accidents and depression. Sleep 
+                deprivation can eventually cause confusion and mental 
+                changes.</p>
+    </div>
+    <div class="video-description1">
+        <h3 class="video-title1">What causes Insomnia in adults?</h3>
+        <p class="details1">In adult stress is common 
+            reason in this competitive world where we are always 
+            trying to do better than others doing an quite stressful, 
+            changing of job, city, divorced can major reasons. 
+            Poor sleep occurs if you work day and night and we use 
+            mobile phones at night this also cause insomnia. If we 
+            can’t sleep in a day so, first consult to an doctor they give 
+            an proper treatment. Thyroid, diabetes , cancer are 
+            common diseases occur in today’s life. Smoking and 
+            drinking are common in adults. </p>
+</div>
+        </div>
+    <div class="flexbox">
+        <div class="video-description">
+            <h3 class="video-title">Measures</h3>
+            <p class="details">The ISI is a 7 
+                item self report questionnaires assessing the nature , 
+                severity and impact of insomnia. The usual recall period 
+                is the last month and dimensions evaluated are severity 
+                of sleep onset , sleep maintenance and early morning 
+                awakening problem, sleep dissatisfaction, interference of 
+                sleep difficulties with day time faculties. 
+                It is very important to talk with a provider before taking 
+                sleep medicine . However antidepressants effects your 
+                sleep. Sometimes a mild antihistamine work better than 
+                a sleeping pill for relieving short term insomnia. </p>
+    </div>
+    <img class="video1" src="https://i.ytimg.com/vi/CEzHE4pmLTk/hq720.jpg?sqp=-oaymwEcCNAFEJQDSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLA2YfCPCdMtYBUqKiQ3S5ZcIAb0jQ">
+    </div>
+
+</body>
+</html>
diff --git a/blog.html/insom1.jfif b/blog.html/insom1.jfif
diff --git a/blog.html/insom2.jfif b/blog.html/insom2.jfif
diff --git a/blog.html/insom3.jfif b/blog.html/insom3.jfif
diff --git a/blog.html/insom4.jfif b/blog.html/insom4.jfif
diff --git a/blog.html/insom5.png b/blog.html/insom5.png