diff --git a/css/style.css b/css/style.css new file mode 100644 index 0000000..b738c6f --- /dev/null +++ b/css/style.css @@ -0,0 +1,126 @@ +/* The body styling */ +body { + font-family: 'Montserrat'; + font-weight: 250; + margin: 0px; + padding: 0; + background: url(https://images.unsplash.com/photo-1477414348463-c0eb7f1359b6?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1050&q=80) no-repeat fixed; + background-size: cover; +} + +/* The navigation bar - - - - - - - - - - - - - - - - - - - */ +nav { + overflow: hidden; + background-color: rgb(222, 222, 53); + position: fixed; + top: 0; + width: 100%; + text-align: left; + padding-top: 5px; + padding-bottom: 5px; +} +nav a { + float: left; + display: block; + color:black; + text-align: center; + font-size: 20px; + font-weight: bold; + padding: 13px 15px; + text-decoration: none; + font-family: 'Special Elite', cursive; +} +nav a:hover { + background: rgb(148, 128, 28); +} +/* page header ------------------------------------------------*/ +header { + background-color: rgba(207, 207, 21, 0.5); +} +#profile-photo { + float: right; + width: 28%; + border-radius: 0%; +} +/* sections styling --------------------------------------------*/ +#journey { + background-color: rgba(27, 191, 148, 0.5); +} +#yoga-poses { + background-color: rgba(184, 13, 13, 0.5) +} +#reach { + background-color: black; + text-align: center; +} +#footer-image { /* sat footer image in centre */ + display: block; + margin-left: auto; + margin-right: auto; + width: 30%; +} +header, section, footer { + padding-top: 60px; + padding-right: 100px; + padding-bottom: 60px; + padding-left: 100px; +} +/* About me Section - - - - - - - - - - - - - - - - - - - */ +div { + margin: 100px 150px 75px 150px; /* This div element has top 50px, right 150px, bottom 75px, left 150px */ +} +h1 { + font-size: 35px; + color: white; + font-family: 'Baloo Chettan', cursive; +} +p { + line-height: 30px; + font-family: 'Special Elite', cursive; + font-size: 20px; +} +ul { + line-height: 30px; + font-family: 'Special Elite', cursive; + font-size: 20px; +} +strong { + color: white; + font-size: 30px; +} +i { + color: white; + display: inline-block; + border-radius: 60px; + border: 2px solid #ffffff; + padding: 0.5em 0.5em; + opacity: 0.6; + transition: all 0.5s ease-out; +} +.fa, .fab, .fal, .far, .fas { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + line-height: 0; +.fa-2x { + font-size: 2em; +} +.fab { + font-family: "Font Awesome 5 Brands"; +} +i { + margin-right: 10px; +} +a { + color: #EBBA50; +} +a:-webkit-any-link { + color: -webkit-link; + cursor: pointer; +} +.fa-github-alt:before { + content: "\f113"; +} diff --git a/images/Avatar.jpg b/images/Avatar.jpg new file mode 100644 index 0000000..40e9cef Binary files /dev/null and b/images/Avatar.jpg differ diff --git a/images/Avatar1.png b/images/Avatar1.png new file mode 100644 index 0000000..55c7c17 Binary files /dev/null and b/images/Avatar1.png differ diff --git a/images/Neemo_aquanauts.jpg b/images/Neemo_aquanauts.jpg new file mode 100644 index 0000000..65deae9 Binary files /dev/null and b/images/Neemo_aquanauts.jpg differ diff --git a/images/Yoga1.png b/images/Yoga1.png new file mode 100644 index 0000000..202e100 Binary files /dev/null and b/images/Yoga1.png differ diff --git a/images/adventure-cave-climb-1659437.jpg b/images/adventure-cave-climb-1659437.jpg new file mode 100644 index 0000000..5aeffd4 Binary files /dev/null and b/images/adventure-cave-climb-1659437.jpg differ diff --git a/images/background-image.jpg b/images/background-image.jpg new file mode 100644 index 0000000..b63a246 Binary files /dev/null and b/images/background-image.jpg differ diff --git a/images/footer-image.png b/images/footer-image.png new file mode 100644 index 0000000..bc2b4f7 Binary files /dev/null and b/images/footer-image.png differ diff --git a/images/leio-mclaren-leiomclaren-JvQ7Fuajna0-unsplash.jpg b/images/leio-mclaren-leiomclaren-JvQ7Fuajna0-unsplash.jpg new file mode 100644 index 0000000..ce8d269 Binary files /dev/null and b/images/leio-mclaren-leiomclaren-JvQ7Fuajna0-unsplash.jpg differ diff --git a/images/matthias-tillen--4bu9TQKYOI-unsplash.jpg b/images/matthias-tillen--4bu9TQKYOI-unsplash.jpg new file mode 100644 index 0000000..509f141 Binary files /dev/null and b/images/matthias-tillen--4bu9TQKYOI-unsplash.jpg differ diff --git a/images/max-fuchs-S-oHAhV_hBQ-unsplash.jpg b/images/max-fuchs-S-oHAhV_hBQ-unsplash.jpg new file mode 100644 index 0000000..753f784 Binary files /dev/null and b/images/max-fuchs-S-oHAhV_hBQ-unsplash.jpg differ diff --git a/images/profile-image.png b/images/profile-image.png new file mode 100644 index 0000000..a7e1452 Binary files /dev/null and b/images/profile-image.png differ diff --git a/images/yoga2.png b/images/yoga2.png new file mode 100644 index 0000000..2c3c57f Binary files /dev/null and b/images/yoga2.png differ diff --git a/images/yoga3.png b/images/yoga3.png new file mode 100644 index 0000000..5edbaaf Binary files /dev/null and b/images/yoga3.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..5c89ad6 --- /dev/null +++ b/index.html @@ -0,0 +1,67 @@ + + + + + + + + + + + + My Journey to Practicing Yoga and Meditation + + + + + +
+ +
+ +

+ My Yoga & Meditation Practices! +

+

+ I have lived most part of my life in disbelief to the existence of the Invisible Energies. Throughout life I have never felt satisfied with what I had and was living my life to attain those goals. +

+
+ +
+

My Journey

+

I started thinking about taking Meditation and Yoga seriously when I arrived at a phase of my life where material affairs lost it's meaning. I couldn't see the point, and where this is leading, nothing was convincing - I couldn't operation anymore and the only way for me to live was to connect to what has made me and to what is my origin.

+
+ +
+

Yoga Poses

+ + + + +
+ + + +
+ +