Parth233 · ridhima6111 · Oct 16, 2021 · Oct 16, 2021
diff --git a/.gitattributes b/.gitattributes
@@ -0,0 +1,2 @@
+# Auto detect text files and perform LF normalization
+* text=auto
diff --git a/image3.jpg b/image3.jpg
diff --git a/image4.jpg b/image4.jpg
diff --git a/image5.jpg b/image5.jpg
diff --git a/parallax.css b/parallax.css
@@ -0,0 +1,66 @@
+body, html{
+     height:100%;
+     margin: 0;
+     font-size: 16px;
+     font-family:cursive,sans-serif;
+     font-weight: 400;
+     line-height: 1.8em;
+     color: rgb(7, 177, 189)
+}
+
+.pimg1, .pimg2, .pimg3{
+    position: relative;
+    opacity: 0.70;
+    background-position: center;
+    background-size: cover;
+    background-repeat: no-repeat;
+    background-attachment: fixed;
+}
+
+.pimg1{
+    background-image: url('image4.jpg');
+    min-height: 100%;
+}
+.pimg2{
+    background-image: url('image3.jpg');
+    min-height: 400px;
+}
+.pimg3{
+    background-image: url('image5.jpg');
+    min-height: 400px;
+}
+
+.section{
+    text-align: center;
+    padding: 50px 80px;
+}
+.section-light{
+    background-color: #f4f4f4;
+    color: midnightblue;
+}
+.section-dark{
+    background-color: #282e34;
+}
+.ptext{
+    position: absolute;
+    top: 50%;
+    width: 100%;
+    text-align: center;
+    color: black;
+    font-size: 27px;
+    letter-spacing: 8px;
+    text-transform: uppercase;
+}
+.ptext .border{
+    background-color: chartreuse;
+    padding: 20px;
+}
+.ptext .border.trans{
+    background-color:thistle;
+}
+
+@media(max-width: 568px){
+    .pimg1, pimg2, .pimg3{
+        background-attachment: scroll;
+    }
+}
diff --git a/parallax.html b/parallax.html
@@ -0,0 +1,86 @@
+<!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>Parallax Demo</title>
+    <link rel="stylesheet" href="parallax.css">
+</head>
+
+<body>
+    <div class="pimg1">
+        <div class="ptext">
+            <span class="border">
+                <i>Parallax Website</i>
+            </span>
+        </div>
+    </div>
+    <section class="section section-light">
+        <h1>Natural environment</h1>
+        <p>
+           The natural environment or natural world encompasses all living and non-living things occurring naturally, meaning in this case not artificial. The term is 
+           most often applied to the Earth or some parts of Earth. This environment encompasses the interaction of all living species, climate, weather and natural resources 
+           that affect human survival and economic activity.[1] The concept of the natural environment can be distinguished as components:
+
+           Complete ecological units that function as natural systems without massive civilized human intervention, including all vegetation, microorganisms, soil, rocks,
+           atmosphere, and natural phenomena that occur within their boundaries and their nature.
+           Universal natural resources and physical phenomena that lack clear-cut boundaries, such as air, water, and climate, as well as energy, radiation, electric charge,
+           and magnetism, not originating from civilized human actions.
+        </p>
+    </section>
+    <div class="pimg2">
+        <div class="ptext">
+            <span class="border trans">
+                The Universe
+            </span>
+        </div>
+    </div>
+    <section class="section section-dark">
+        <h1>Universe</h1>
+        <p>
+            The universe is all of space and time[a] and their contents,[10] including planets, stars, galaxies, and all other forms of matter and energy. 
+            The Big Bang theory is the prevailing cosmological description of the development of the universe. According to estimation of this theory, space and time emerged 
+            together 13.799±0.021 billion years ago,[2] and the universe has been expanding ever since. While the spatial size of the entire universe is unknown,[3] the 
+            cosmic inflation equation indicates that it must have a minimum diameter of 23 trillion light years,[11] and it is possible to measure the size of the observable 
+            universe, which is approximately 93 billion light-years in diameter at the present day.
+
+            The earliest cosmological models of the universe were developed by ancient Greek and Indian philosophers and were geocentric, placing Earth at the center. Over 
+            the centuries, more precise astronomical observations led Nicolaus Copernicus to develop the heliocentric model with the Sun at the center of the Solar System. 
+            In developing the law of universal gravitation, Isaac Newton built upon Copernicus's work as well as Johannes Kepler's laws of planetary motion and observations 
+            by Tycho Brahe.
+        </p>
+    </section>
+    <div class="pimg3">
+        <div class="ptext">
+            <span class="border trans">
+                Travel
+            </span>
+        </div>
+    </div>
+    <section class="section section-dark">
+        <h1>Travel</h1>
+        <p>
+            People from all walks of life, both young and old, enjoy traveling. When traveling, the traveler has many exceptional opportunities presented to them. The 
+            traveler gets the chance to experience new things, make choices, reward themselves, and to gain knowledge of the world outside their own.
+            First, the most exciting opportunity for a traveler is to experience new things. They may get to experience a different religion, perhaps. Doing so may attract 
+            them towards an area of study to possibly pursue in the future. Also, when in a different part of the world, many geographical areas have their own unique food 
+            choices. This will give the voyager a chance to try some new cooking. In addition to these opportunities, each society has their own exclusive celebrations and 
+            festivities. When traveling, the tourist gets a chance to take part in celebrations and festivities which enhances their experience in their current destination.
+            Secondly, there is educational side to traveling. Travelers gain and expand their knowledge of the outside world when visiting new locations. It widens their 
+            perspective of the world so they do not think all corners of the land are the same. The adventurers will discover similarities and differences between cultures. 
+            They will learn the history and background of cultures and geographical areas. And furthermore, the new experiences help to expand ones resourcefulness and 
+            provides marvellous insights.
+        </p>
+    </section>
+    <div class="pimg1">
+        <div class="ptext">
+            <span class="border">
+                <i>Parallax Website</i>
+            </span>
+        </div>
+    </div>
+</body>
+
+</html>
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		# Auto detect text files and perform LF normalization
		* text=auto