-
Notifications
You must be signed in to change notification settings - Fork 2
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
=
committed
Dec 8, 2024
1 parent
898e940
commit 5284e18
Showing
4 changed files
with
269 additions
and
231 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,82 +1,94 @@ | ||
header { | ||
background-color: rgba(0, 0, 0, 0.6); | ||
/* Semi-transparent for a soft overlay */ | ||
padding: 15px 20px; | ||
position: fixed; | ||
top: 0; | ||
left:0; | ||
width: 100%; | ||
z-index: 1; | ||
} | ||
|
||
.navbar { | ||
display: flex; | ||
justify-content: space-between; | ||
align-items: center; | ||
color: white; | ||
} | ||
|
||
.logo img { | ||
height: 50px; | ||
} | ||
|
||
.nav-links { | ||
list-style: none; | ||
display: flex; | ||
gap: 20px; | ||
} | ||
|
||
.nav-links li { | ||
font-size: 18px; | ||
} | ||
|
||
.nav-links a { | ||
text-decoration: none; | ||
color: #FFFFFF; | ||
padding: 10px 15px; | ||
transition: all 0.3s; | ||
border-radius: 5px; | ||
} | ||
|
||
.nav-links a:hover { | ||
background-color: rgba(255, 255, 255, 0.2); | ||
} | ||
|
||
/* Search bar */ | ||
.search-bar { | ||
display: flex; | ||
align-items: center; | ||
margin-right: 50px; | ||
} | ||
|
||
.search-bar input { | ||
padding: 8px 12px; | ||
font-size: 16px; | ||
border: none; | ||
border-radius: 5px 0 0 5px; | ||
outline: none; | ||
} | ||
|
||
.search-bar button { | ||
padding: 8px 12px; | ||
font-size: 16px; | ||
background-color: #51762A; | ||
color: white; | ||
border: none; | ||
border-radius: 0 5px 5px 0; | ||
cursor: pointer; | ||
} | ||
|
||
.search-bar button:hover { | ||
background-color: #55802A; | ||
} | ||
background-color: rgba(0, 0, 0, 0.6); | ||
/* Semi-transparent for a soft overlay */ | ||
padding: 15px 20px; | ||
position: fixed; | ||
top: 0; | ||
left: 0; | ||
width: 100%; | ||
z-index: 1; | ||
} | ||
|
||
body { | ||
background-image: url('/pics/photo1.jpg'); | ||
background-size: cover; | ||
background-position: center; | ||
background-repeat: no-repeat; | ||
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; | ||
color: #FFFFFF; | ||
height: 130vh; | ||
} | ||
.navbar { | ||
display: flex; | ||
justify-content: space-between; | ||
align-items: center; | ||
color: white; | ||
} | ||
|
||
.logo img { | ||
height: 50px; | ||
} | ||
|
||
.nav-links { | ||
list-style: none; | ||
display: flex; | ||
gap: 20px; | ||
} | ||
|
||
.nav-links li { | ||
font-size: 18px; | ||
} | ||
|
||
.nav-links a { | ||
text-decoration: none; | ||
color: #FFFFFF; | ||
padding: 10px 15px; | ||
transition: all 0.3s; | ||
border-radius: 5px; | ||
} | ||
|
||
.nav-links a:hover { | ||
background-color: rgba(255, 255, 255, 0.2); | ||
} | ||
|
||
/* Search bar */ | ||
.search-bar { | ||
display: flex; | ||
align-items: center; | ||
margin-right: 50px; | ||
} | ||
|
||
.search-bar input { | ||
padding: 8px 12px; | ||
font-size: 16px; | ||
border: none; | ||
border-radius: 5px 0 0 5px; | ||
outline: none; | ||
} | ||
|
||
.search-bar button { | ||
padding: 8px 12px; | ||
font-size: 16px; | ||
background-color: #51762A; | ||
color: white; | ||
border: none; | ||
border-radius: 0 5px 5px 0; | ||
cursor: pointer; | ||
} | ||
|
||
.search-bar button:hover { | ||
background-color: #55802A; | ||
} | ||
|
||
body { | ||
text-align: center; | ||
background-image: url('/pics/photo1234567.jpeg'); | ||
background-size: cover; | ||
background-position: center; | ||
background-repeat: no-repeat; | ||
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; | ||
color: #FFFFFF; | ||
height: 130vh; | ||
} | ||
|
||
.xyz { | ||
padding: 20px; | ||
transition: all ease-in-out 0.5s; | ||
text-shadow: 2px 2px rgb(21, 5, 17); | ||
|
||
} | ||
|
||
.xyz:hover { | ||
transform: scale(1.3); | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,84 +1,92 @@ | ||
<!DOCTYPE html> | ||
<html lang="en"> | ||
|
||
<head> | ||
<meta charset="UTF-8"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
<title>tratak</title> | ||
<link rel="stylesheet" href="tratak.css"> | ||
<meta charset="UTF-8"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
<title>tratak</title> | ||
<link rel="stylesheet" href="tratak.css"> | ||
</head> | ||
<body> | ||
<header> | ||
<div class="navbar"> | ||
<div class="logo"> | ||
<img src="https://image.shutterstock.com/image-vector/yoga-lotus-position-silhouette-vector-260nw-673194454.jpg" | ||
alt="Website Logo"> | ||
</div> | ||
<nav> | ||
<ul class="nav-links"> | ||
<li><a href="#home">Home</a></li> | ||
<li><a href="#about">About</a></li> | ||
<li><a href="#services">Services</a></li> | ||
<li><a href="#contact">Contact</a></li> | ||
<li><a href="login.html">Login</a></li> | ||
</ul> | ||
</nav> | ||
<div class="search-bar"> | ||
<input type="text" placeholder="Search..."> | ||
<button>Search</button> | ||
</div> | ||
</div> | ||
</header> | ||
<div class="tratak"> | ||
<div> | ||
What is Tratak Dhyan? | ||
</div> | ||
<div> | ||
Tratak Dhyan is a meditative technique where you fix your gaze on an external object (like a candle flame) or an internal image (visualized in the mind). This practice helps clear mental distractions and allows the practitioner to attain a heightened state of awareness. | ||
|
||
<body> | ||
<header> | ||
<div class="navbar"> | ||
<div class="logo"> | ||
<img src="https://image.shutterstock.com/image-vector/yoga-lotus-position-silhouette-vector-260nw-673194454.jpg" | ||
alt="Website Logo"> | ||
</div> | ||
<div> | ||
Preparation | ||
<ul> | ||
<li>Practice in a distraction-free, dimly lit room</li> | ||
<li>If using a candle, place it at eye level about 2-3 feet away from you. | ||
</li> | ||
<li>Ensure the flame is steady and not flickering due to air movement</li> | ||
<li>Sit in a cross-legged position (e.g., Sukhasana) or on a chair with a straight back.</li> | ||
<li>Keep your head, neck, and spine aligned.</li> | ||
<li>Close your eyes and take a few deep breaths to relax your body and mind.</li> | ||
<li>Fix your gaze on the chosen object without blinking.</li> | ||
<li> | ||
Fix your gaze on the chosen object without blinking. | ||
</li> | ||
<li>Maintain an unwavering focus for as long as you can without blinking</li> | ||
<li>If tears form in your eyes, allow them to flow naturally.</li> | ||
<li>After gazing for a few minutes (or until your eyes feel strained), gently close your eyes.</li> | ||
<li>Visualize the image of the object in your mind’s eye. Focus on this mental image as long as possible.</li> | ||
<li>Open your eyes slowly and return to normal awareness.</li> | ||
<li> End the session with gratitude and reflection.</li> | ||
</ul> | ||
</div> | ||
<div>Benefits of Tratak Dhyan</div> | ||
<div> Mental Benefits | ||
<ul> | ||
<li> | ||
Enhances Concentration: Improves focus and mental discipline. | ||
</li> | ||
<li>Enhances Concentration: Improves focus and mental discipline.</li> | ||
<li>Improves Memory: Boosts cognitive function and recall abilities.</li> | ||
<li>Calms the Mind: Reduces stress, anxiety, and emotional instability.</li> | ||
<li>Builds Emotional Resilience: Encourages a stable and balanced emotional state.</li> | ||
<li> | ||
Strengthens Eyesight: Regular practice relaxes and strengthens the eye muscles. | ||
</li> | ||
<li>Strengthens Eyesight: Regular practice relaxes and strengthens the eye muscles.</li> | ||
<li>Deepens Meditation: Acts as a bridge to higher states of consciousness.</li> | ||
<li>Awakens Inner Vision: Enhances visualization and intuitive abilities.</li> | ||
<li>Purifies the Mind: Facilitates clarity and spiritual insight</li> | ||
<nav> | ||
<ul class="nav-links"> | ||
<li><a href="#home">Home</a></li> | ||
<li><a href="#about">About</a></li> | ||
<li><a href="#services">Services</a></li> | ||
<li><a href="#contact">Contact</a></li> | ||
<li><a href="login.html">Login</a></li> | ||
</ul> | ||
</nav> | ||
<div class="search-bar"> | ||
<input type="text" placeholder="Search..."> | ||
<button>Search</button> | ||
</div> | ||
</div> | ||
</header> | ||
<div class="tratak"> | ||
<div> | ||
<h1>What is Tratak Dhyan?</h1> | ||
</div> | ||
<div class="xyz"> | ||
Tratak Dhyan is a meditative technique where you fix your gaze on an external object (like a candle flame) or an | ||
internal image (visualized in the mind). This practice helps clear mental distractions and allows the practitioner | ||
to attain a heightened state of awareness. | ||
|
||
</div> | ||
<div> | ||
<h2>Preparation</h2> | ||
<ul> | ||
<li>Practice in a distraction-free, dimly lit room</li> | ||
<li>If using a candle, place it at eye level about 2-3 feet away from you. | ||
</li> | ||
<li>Ensure the flame is steady and not flickering due to air movement</li> | ||
<li>Sit in a cross-legged position (e.g., Sukhasana) or on a chair with a straight back.</li> | ||
<li>Keep your head, neck, and spine aligned.</li> | ||
<li>Close your eyes and take a few deep breaths to relax your body and mind.</li> | ||
<li>Fix your gaze on the chosen object without blinking.</li> | ||
<li> | ||
Fix your gaze on the chosen object without blinking. | ||
</li> | ||
<li>Maintain an unwavering focus for as long as you can without blinking</li> | ||
<li>If tears form in your eyes, allow them to flow naturally.</li> | ||
<li>After gazing for a few minutes (or until your eyes feel strained), gently close your eyes.</li> | ||
<li>Visualize the image of the object in your mind’s eye. Focus on this mental image as long as possible.</li> | ||
<li>Open your eyes slowly and return to normal awareness.</li> | ||
<li> End the session with gratitude and reflection.</li> | ||
</ul> | ||
</div> | ||
<div class="xyz"> | ||
<h1>Benefits of Tratak Dhyan</h1> | ||
</div> | ||
<div class="xyz"> | ||
<h2> Mental Benefits</h2> | ||
<ul> | ||
<li> | ||
Enhances Concentration: Improves focus and mental discipline. | ||
</li> | ||
<li>Enhances Concentration: Improves focus and mental discipline.</li> | ||
<li>Improves Memory: Boosts cognitive function and recall abilities.</li> | ||
<li>Calms the Mind: Reduces stress, anxiety, and emotional instability.</li> | ||
<li>Builds Emotional Resilience: Encourages a stable and balanced emotional state.</li> | ||
<li> | ||
Strengthens Eyesight: Regular practice relaxes and strengthens the eye muscles. | ||
</li> | ||
<li>Strengthens Eyesight: Regular practice relaxes and strengthens the eye muscles.</li> | ||
<li>Deepens Meditation: Acts as a bridge to higher states of consciousness.</li> | ||
<li>Awakens Inner Vision: Enhances visualization and intuitive abilities.</li> | ||
<li>Purifies the Mind: Facilitates clarity and spiritual insight</li> | ||
</ul> | ||
</div> | ||
|
||
|
||
|
||
|
||
</body> | ||
|
||
</html> |
Oops, something went wrong.