Skip to content

Commit

Permalink
Merge pull request #65 from Gauravtb2253/forum
Browse files Browse the repository at this point in the history 
added forum page
  • Loading branch information
@aditya-bhaumik
aditya-bhaumik authored Oct 2, 2024
2 parents 369642f + 3c9a9b2 commit 59bd00f
Show file tree
Hide file tree
Showing 2 changed files with 173 additions and 5 deletions.
84 changes: 79 additions & 5 deletions forum.html
View file
Original file line number Diff line number Diff line change
@@ -1,17 +1,21 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>PathSphere | Forum</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<title>Forum</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css"
integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="styles.css">
</head>

<body>
<header>
<nav>
<a href="index.html" class="logo"><img src="/P (1).png">PathSphere</a>
<ul>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="scholarships.html">Scholarships</a></li>
<li><a href="jobs.html">Jobs</a></li>
Expand All @@ -26,11 +30,80 @@ <h1>Forum</h1>
<p>Join discussions, ask questions, and connect with others.</p>
</section>
<!-- Add discussion forum elements here -->

<div class="container">
<h1 style="color: rgb(151, 13, 110);" >Community Discussions</h1>

<!-- Section 1: Scholarships Discussion -->
<div class="forum-section">
<h2>Scholarships</h2>
<p>Find and share scholarship opportunities worldwide.</p>

<div class="forum-post">
<div class="post-title">Best scholarships for undergraduates in 2024</div>
<div class="post-details">Posted by Alex | 5 replies</div>
</div>
<div class="forum-post">
<div class="post-title">How to write a strong scholarship essay?</div>
<div class="post-details">Posted by Sarah | 12 replies</div>
</div>
<div class="forum-post">
<div class="post-title">Scholarships for international students</div>
<div class="post-details">Posted by Emily | 8 replies</div>
</div>

<a href="#" class="new-post-button">New Post</a>
</div>

<!-- Section 2: Job Opportunities Discussion -->
<div class="forum-section">
<h2>Job Opportunities</h2>
<p>Explore job opportunities, internships, and career advice.</p>

<div class="forum-post">
<div class="post-title">Top companies hiring software engineers in 2024</div>
<div class="post-details">Posted by John | 10 replies</div>
</div>
<div class="forum-post">
<div class="post-title">Tips for acing technical interviews</div>
<div class="post-details">Posted by Maria | 15 replies</div>
</div>
<div class="forum-post">
<div class="post-title">Remote job opportunities for designers</div>
<div class="post-details">Posted by David | 6 replies</div>
</div>

<a href="#" class="new-post-button">New Post</a>
</div>

<!-- Section 3: General Discussions -->
<div class="forum-section">
<h2>General Discussions</h2>
<p>Ask questions, share advice, or discuss any educational or career-related topics.</p>

<div class="forum-post">
<div class="post-title">How to maintain a work-study balance?</div>
<div class="post-details">Posted by Natalie | 9 replies</div>
</div>
<div class="forum-post">
<div class="post-title">Best resources for learning data science</div>
<div class="post-details">Posted by Chris | 18 replies</div>
</div>
<div class="forum-post">
<div class="post-title">Online communities for educators</div>
<div class="post-details">Posted by Sophia | 7 replies</div>
</div>

<a href="#" class="new-post-button">New Post</a>
</div>
</div>
</main>
<div class="footer-container">
<div class="footer-description">
<h3>PathSphere</h3>
<p>PathSphere is a comprehensive platform designed to connect students with scholarship opportunities and educators with job openings. It features dynamic search tools and community discussions to enhance access to educational and career resources.</p>
<p>PathSphere is a comprehensive platform designed to connect students with scholarship opportunities and
educators with job openings. It features dynamic search tools and community discussions to enhance
access to educational and career resources.</p>
</div>
<div class="footer-list">
<h3>Quick links</h3>
Expand All @@ -54,4 +127,5 @@ <h3>Follow us on</h3>
</div>
<div class="copyright">&copy; 2024 PathSphere. All rights reserved.</div>
</body>
</html>

</html>
94 changes: 94 additions & 0 deletions styles.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -398,3 +398,97 @@ footer {
.toggle-icon {
margin-right: 10px;
}

.container {
width: 85%;
margin: 40px auto;
padding: 0 20px;
}

h1 {
font-size: 2em;
color: #ffffff;
text-align: center;
margin-bottom: 40px;
}

.forum-section {
background-color: white;
padding: 25px 30px;
margin-bottom: 30px;
border-radius: 12px;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.forum-section:hover {
transform: translateY(-5px);
box-shadow: 0 12px 24px rgba(0, 0, 0, 0.1);
}

.forum-section h2 {
font-size: 1.8em;
margin-bottom: 15px;
color: #d83d77;
border-left: 5px solid #1e3a8a;
padding-left: 10px;
}

.forum-section p {
font-size: 1em;
color: #666;
margin-bottom: 20px;
}

.forum-post {
display: flex;
justify-content: space-between;
padding: 15px 0;
border-bottom: 1px solid #e0e7ff;
transition: background-color 0.2s;
}

.forum-post:last-child {
border-bottom: none;
}

.forum-post:hover {
background-color: #f0f4ff;
}

.forum-post .post-title {
font-size: 1.1em;
font-weight: bold;
color: rgb(45, 24, 178);
transition: color 0.2s;
}

.forum-post .post-title:hover {
color: #2563eb;
}

.forum-post .post-details {
font-size: 0.9em;
color: #64748b;
}

.new-post-button {
background-color: #ff6f61;
color: white;
padding: 12px 25px;
border: none;
border-radius: 8px;
cursor: pointer;
text-align: center;
font-size: 1em;
font-weight: bold;
display: inline-block;
text-decoration: none;
transition: background-color 0.2s ease, transform 0.2s ease;
margin-top: 15px;
}

.new-post-button:hover {
background-color: #2563eb;
transform: translateY(-3px);
}

0 comments on commit 59bd00f

Please sign in to comment.