Skip to content
Open

j #6

Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
28 changes: 14 additions & 14 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -30,34 +30,34 @@
</div>
</header>

<!-- Page content -->
<!-- Page me content -->
<main>
<section class="content">
<h1>Welcome to Our Website</h1>
<h1>Welcome to the Meditation Guide</h1>
<div>
<pre>The notion of mediation is deep as this universe.
We all want to meditate just to keep our mind calm,
but it's a hidden doorway to transcend the physical realm.
The hidden path to know the inner and true self a being.You
can use it to either improvise your life or improvise yourself.</pre>
We all want to meditate just to keep our mind calm, but it's a hidden doorway to transcend the physical realm.
The hidden path to know the inner and true self of a being.
You can use it to either improvise your life or improvise yourself.</pre>
</div>

</pre>
</section>
</main>
<div class="boxes">
<div class="box"><a href=#link class="links">BASIC</a></div>
<div class="box"><a href=#link class="links">INTERMEDIATE</a></div>
<div class="box"><a href=#link class="links">YOGA</a>
</div>
</div>

<!-- Background Video -->
<div class="video-background">
<video autoplay muted loop>
<source src="/pics/web%20photo1.mp4" type="video/mp4">
Your browser does not support the video tag.

</video>
</div>
<div class="fff">
<img src="/pics/yoga.webp">
<img src="/pics/yoga2.webp">
<img src="/pics/yoga3.webp">
</div>


</body>

</html>
4 changes: 2 additions & 2 deletions styles.css
Original file line number Diff line number Diff line change
Expand Up @@ -160,10 +160,10 @@ pre {
}

.fff img {
width: 10%;
border-radius: 10px;
height: 100%;
width: 10%;
object-fit: cover;
border-radius: 10px;
border: 2px solid white;
transition: all ease-in-out 0.6s;
}
Expand Down