diff --git a/.gitattributes b/.gitattributes new file mode 100644 index 0000000..dfe0770 --- /dev/null +++ b/.gitattributes @@ -0,0 +1,2 @@ +# Auto detect text files and perform LF normalization +* text=auto diff --git a/image3.jpg b/image3.jpg new file mode 100644 index 0000000..00bae3a Binary files /dev/null and b/image3.jpg differ diff --git a/image4.jpg b/image4.jpg new file mode 100644 index 0000000..debe12d Binary files /dev/null and b/image4.jpg differ diff --git a/image5.jpg b/image5.jpg new file mode 100644 index 0000000..6ac0351 Binary files /dev/null and b/image5.jpg differ diff --git a/parallax.css b/parallax.css new file mode 100644 index 0000000..c5cc0cf --- /dev/null +++ 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; + } +} \ No newline at end of file diff --git a/parallax.html b/parallax.html new file mode 100644 index 0000000..ee39472 --- /dev/null +++ b/parallax.html @@ -0,0 +1,86 @@ + + + + + + + + Parallax Demo + + + + +
+
+ + Parallax Website + +
+
+
+

Natural environment

+

+ 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. +

+
+
+
+ + The Universe + +
+
+
+

Universe

+

+ 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. +

+
+
+
+ + Travel + +
+
+
+

Travel

+

+ 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. +

+
+
+
+ + Parallax Website + +
+
+ + +