Skip to content

Commit

Permalink
Updated ui
Browse files Browse the repository at this point in the history
  • Loading branch information
@geeky-rish
geeky-rish committed Sep 30, 2024
1 parent 965e4a3 commit c2eae98
Show file tree
Hide file tree
Showing 5 changed files with 400 additions and 144 deletions.
82 changes: 47 additions & 35 deletions about.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,12 +5,18 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About Us - OurSoulss</title>
<link rel="stylesheet" href="styles.css">
<script src="https://kit.fontawesome.com/your-fontawesome-kit.js" crossorigin="anonymous"></script>
</head>
<body>
<header>
<nav>
<div class="logo">OurSoulss</div>
<ul>
<div class="menu-toggle" id="mobile-menu">
<span></span>
<span></span>
<span></span>
</div>
<ul class="nav-links">
<li><a href="index.html">We Here</a></li>
<li><a href="services.html">We Console</a></li>
<li><a href="about.html">About Us</a></li>
Expand All @@ -21,38 +27,42 @@

<main>
<section id="about">
<h1>About OurSoulss</h1>
<p>OurSoulss is dedicated to providing accessible mental health support and counseling services. Our mission is to create a safe, supportive environment where individuals can find the help they need to navigate life's challenges.</p>
<div class="container">
<h1>About OurSoulss</h1>
<p>OurSoulss is dedicated to providing accessible mental health support and counseling services. Our mission is to create a safe, supportive environment where individuals can find the help they need to navigate life's challenges.</p>
</div>
</section>

<section id="experts">
<h2>Our Consulting Experts</h2>
<div class="expert-cards">
<div class="expert-card">
<img src="https://i.ibb.co/7pTwKsB/5-payal.jpg" alt="Payal Mishra" class="expert-image">
<h3>Payal Mishra</h3>
<p class="role">Professional Psychologist</p>
<h4>Skills:</h4>
<ul>
<li>Counseling Psychology</li>
<li>Psychotherapy</li>
<li>Clinical Psychology</li>
</ul>
<p>Passionate and experienced psychology professional with extensive experience in providing innovative treatments and ongoing patient support. Skilled in developing individualized treatment plans and leading therapy sessions.</p>
</div>
<div class="expert-card">
<img src="https://i.ibb.co/bQCpd40/4-vanya.jpg" alt="Vanya Sri Chettiar" class="expert-image">
<h3>Vanya Sri Chettiar</h3>
<p class="role">Non-Professional Therapist</p>
<h4>Skills:</h4>
<ul>
<li>Counseling</li>
<li>Life Coaching</li>
<li>Critical Thinking</li>
<li>Problem Solving</li>
<li>Empathy</li>
</ul>
<p>Dynamic educational mentor and life coach with experience in tutoring, counseling, and habit coaching. Passionate about empowering individuals to achieve academic and personal success through tailored strategies and holistic development.</p>
<div class="container">
<h2>Our Consulting Experts</h2>
<div class="expert-cards">
<div class="expert-card">
<img src="https://i.ibb.co/7pTwKsB/5-payal.jpg" alt="Payal Mishra" class="expert-image">
<h3>Payal Mishra</h3>
<p class="role">Professional Psychologist</p>
<h4>Skills:</h4>
<ul>
<li>Counseling Psychology</li>
<li>Psychotherapy</li>
<li>Clinical Psychology</li>
</ul>
<p>Passionate and experienced psychology professional with extensive experience in providing innovative treatments and ongoing patient support. Skilled in developing individualized treatment plans and leading therapy sessions.</p>
</div>
<div class="expert-card">
<img src="https://i.ibb.co/bQCpd40/4-vanya.jpg" alt="Vanya Sri Chettiar" class="expert-image">
<h3>Vanya Sri Chettiar</h3>
<p class="role">Non-Professional Therapist</p>
<h4>Skills:</h4>
<ul>
<li>Counseling</li>
<li>Life Coaching</li>
<li>Critical Thinking</li>
<li>Problem Solving</li>
<li>Empathy</li>
</ul>
<p>Dynamic educational mentor and life coach with experience in tutoring, counseling, and habit coaching. Passionate about empowering individuals to achieve academic and personal success through tailored strategies and holistic development.</p>
</div>
</div>
</div>
</section>
Expand All @@ -71,19 +81,21 @@ <h3>Quick Links</h3>
</div>
<div class="footer-section">
<h3>Contact Us</h3>
<p>Email: support@oursoulss.com</p>
<p>Email: info@oursouls.com</p>
<p>Phone: +1 (123) 456-7890</p>
</div>
<div class="footer-section">
<h3>Follow Us</h3>
<div class="social-icons">
<a href="#" class="social-icon">FB</a>
<a href="#" class="social-icon">TW</a>
<a href="#" class="social-icon">IG</a>
<a href="#" class="social-icon"><i class="fab fa-facebook-f"></i></a>
<a href="#" class="social-icon"><i class="fab fa-twitter"></i></a>
<a href="#" class="social-icon"><i class="fab fa-instagram"></i></a>
</div>
</div>
</div>
<p class="copyright">&copy; 2023 OurSoulss. All rights reserved.</p>
<p class="copyright">&copy; 2024 OurSoulss. All rights reserved.</p>
</footer>

<script src="script.js"></script>
</body>
</html>
39 changes: 18 additions & 21 deletions contact.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,12 +5,18 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Contact Us - OurSoulss</title>
<link rel="stylesheet" href="styles.css">
<script src="https://kit.fontawesome.com/your-fontawesome-kit.js" crossorigin="anonymous"></script>
</head>
<body>
<header>
<nav>
<div class="logo">OurSoulss</div>
<ul>
<div class="menu-toggle" id="mobile-menu">
<span></span>
<span></span>
<span></span>
</div>
<ul class="nav-links">
<li><a href="index.html">We Here</a></li>
<li><a href="services.html">We Console</a></li>
<li><a href="about.html">About Us</a></li>
Expand All @@ -21,25 +27,16 @@

<main>
<section id="contact">
<h1>Contact Us</h1>
<div class="contact-container">
<div class="contact-form">
<h2>Get in Touch</h2>
<form id="contactForm">
<input type="text" name="name" placeholder="Your Name" required>
<input type="email" name="email" placeholder="Your Email" required>
<textarea name="message" placeholder="Your Message" rows="4" required></textarea>
<button type="submit" class="cta-button">Send Message</button>
</form>
</div>
<div class="container">
<h1>Contact Us</h1>
<div class="contact-info">
<h2>Our Information</h2>
<p><strong>Email:</strong> support@oursoulss.com</p>
<h3>Get in Touch</h3>
<p><strong>Email:</strong> info@oursouls.com</p>
<p><strong>Phone:</strong> +1 (123) 456-7890</p>
<p><strong>Address:</strong> 123 Mental Health Street, Wellness City, 12345</p>
<p><strong>Hours:</strong> Monday - Friday: 9am - 6pm</p>
<div class="map-container">
<!-- Replace with an actual map embed code -->
<img src="https://via.placeholder.com/400x300" alt="Map" class="map-placeholder">
<img src="map-placeholder.jpg" alt="Map" class="map-placeholder">
</div>
</div>
</div>
Expand All @@ -59,19 +56,19 @@ <h3>Quick Links</h3>
</div>
<div class="footer-section">
<h3>Contact Us</h3>
<p>Email: support@oursoulss.com</p>
<p>Email: info@oursouls.com</p>
<p>Phone: +1 (123) 456-7890</p>
</div>
<div class="footer-section">
<h3>Follow Us</h3>
<div class="social-icons">
<a href="#" class="social-icon">FB</a>
<a href="#" class="social-icon">TW</a>
<a href="#" class="social-icon">IG</a>
<a href="#" class="social-icon"><i class="fab fa-facebook-f"></i></a>
<a href="#" class="social-icon"><i class="fab fa-twitter"></i></a>
<a href="#" class="social-icon"><i class="fab fa-instagram"></i></a>
</div>
</div>
</div>
<p class="copyright">&copy; 2023 OurSoulss. All rights reserved.</p>
<p class="copyright">&copy; 2024 OurSoulss. All rights reserved.</p>
</footer>

<script src="script.js"></script>
Expand Down
59 changes: 31 additions & 28 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>OurSoulss - Your Mental Health Support</title>
<link rel="stylesheet" href="styles.css">
<script src="https://kit.fontawesome.com/your-fontawesome-kit.js" crossorigin="anonymous"></script>
</head>
<body>
<header>
Expand All @@ -17,9 +18,9 @@
</div>
<ul class="nav-links">
<li><a href="index.html">We Here</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="services.html">We Console</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="contact.html">Support</a></li>
<li><a href="contact.html">We Support</a></li>
</ul>
</nav>
</header>
Expand All @@ -34,28 +35,30 @@ <h1>Your Feelings Matter, You're Not Alone</h1>
</section>

<section id="why-choose-us">
<h2>Why Choose Us</h2>
<div class="features">
<div class="feature" data-content="Our dedicated team is available around the clock to provide immediate emotional support and consolation.">
<img src="https://i.ibb.co/bRgv559/1-front-image-1st.png" alt="24/7 Support" class="feature-icon">
<h3>24/7 Support</h3>
<div class="container">
<h2>Why Choose Us</h2>
<div class="features">
<div class="feature" data-content="Our dedicated team is available around the clock to provide immediate emotional support and consolation.">
<img src="https://i.ibb.co/bRgv559/1-front-image-1st.png" alt="24/7 Support" class="feature-icon">
<h3>24/7 Support</h3>
</div>
<div class="feature" data-content="Connect with us through calls, text or online chat. Choose a medium that you're most comfortable with.">
<img src="https://i.ibb.co/bRgv559/1-front-image-1st.png" alt="Multichannel Communication" class="feature-icon">
<h3>Multichannel Communication</h3>
</div>
<div class="feature" data-content="Your privacy is our priority. All conversations are confidential, ensuring a safe and secure environment.">
<img src="https://i.ibb.co/bRgv559/1-front-image-1st.png" alt="Confidential Conversation" class="feature-icon">
<h3>Confidential Conversation</h3>
</div>
<div class="feature" data-content="Our team consists of trained professionals who are equipped to provide empathetic and effective support.">
<img src="https://i.ibb.co/bRgv559/1-front-image-1st.png" alt="Experienced Professionals" class="feature-icon">
<h3>Experienced Professionals</h3>
</div>
<div class="feature" data-content="Engage in face-to-face sessions with our therapists for direct interaction via video, or choose anonymous sessions for indirect interaction, ensuring your privacy.">
<img src="https://i.ibb.co/bRgv559/1-front-image-1st.png" alt="Face-to-Face or Anonymous" class="feature-icon">
<h3>Face-to-Face or Anonymous</h3>
</div>
</div>
<div class="feature" data-content="Connect with us through calls, texts or online chats. Choose the medium that you're most comfortable with.">
<img src="https://i.ibb.co/bRgv559/1-front-image-1st.png" alt="Multichannel Communication" class="feature-icon">
<h3>Multichannel Communication</h3>
</div>
<div class="feature" data-content="Your privacy is our priority. All conversations are confidential, ensuring a safe and secure environment.">
<img src="https://i.ibb.co/bRgv559/1-front-image-1st.png" alt="Confidential Conversation" class="feature-icon">
<h3>Confidential Conversation</h3>
</div>
<div class="feature" data-content="Our team consists of trained professionals who are equipped to provide empathetic and effective support.">
<img src="https://i.ibb.co/bRgv559/1-front-image-1st.png" alt="Experienced Professionals" class="feature-icon">
<h3>Experienced Professionals</h3>
</div>
<div class="feature" data-content="Engage in face-to-face sessions with our therapists for direct interaction via video, or choose anonymous sessions for indirect interaction through audio, ensuring your privacy.">
<img src="https://i.ibb.co/bRgv559/1-front-image-1st.png" alt="Face-to-Face or Anonymous" class="feature-icon">
<h3>Face-to-Face or Anonymous</h3>
</div>
</div>
</section>

Expand Down Expand Up @@ -89,19 +92,19 @@ <h3>Quick Links</h3>
</div>
<div class="footer-section">
<h3>Contact Us</h3>
<p>Email: support@oursoulss.com</p>
<p>Email: info@oursouls.com</p>
<p>Phone: +1 (123) 456-7890</p>
</div>
<div class="footer-section">
<h3>Follow Us</h3>
<div class="social-icons">
<a href="#" class="social-icon">FB</a>
<a href="#" class="social-icon">TW</a>
<a href="#" class="social-icon">IG</a>
<a href="#" class="social-icon"><i class="fab fa-facebook-f"></i></a>
<a href="#" class="social-icon"><i class="fab fa-twitter"></i></a>
<a href="#" class="social-icon"><i class="fab fa-instagram"></i></a>
</div>
</div>
</div>
<p class="copyright">&copy; 2023 OurSoulss. All rights reserved.</p>
<p class="copyright">&copy; 2024 OurSoulss. All rights reserved.</p>
</footer>

<script src="script.js"></script>
Expand Down
2 changes: 1 addition & 1 deletion services.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -90,7 +90,7 @@ <h3>Follow Us</h3>
</div>
</div>
</div>
<p class="copyright">&copy; 2023 OurSoulss. All rights reserved.</p>
<p class="copyright">&copy; 2024 OurSoulss. All rights reserved.</p>
</footer>

<script src="script.js"></script>
Expand Down
Loading

0 comments on commit c2eae98

Please sign in to comment.