Skip to content

added task by vivek #1171

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 3 commits into from
Aug 25, 2024
Merged

added task by vivek #1171

Show file tree
Hide file tree
Changes from 2 commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
6a0ebb7
task2
vivekvardhan2810 Aug 24, 2024
a5effc3
Update index.html
aditya-bhaumik Aug 24, 2024
8aa1c0c
Merge branch 'main' into task2
sanjay-kv Aug 25, 2024
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
73 changes: 69 additions & 4 deletions Website/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -102,8 +102,76 @@ <h1 class="contri-heading">Our Contributors</h1>
<!-- Contributors will be loaded here by JavaScript -->
</div>
</section>
<section id="milestones-progress">
<h2>Milestones Progress</h2>
<div class="milestones-grid">
<div class="milestone-card">
<h3>Algorithms and Deep Learning Models</h3>
<p>This milestone enhances the website's performance and design by integrating advanced algorithms and Deep Learning models.</p>
<div class="progress-bar">
<div class="progress" style="width: 100%;"></div>
</div>
<p>34 closed / 34 total</p>
</div>
<div class="milestone-card">
<h3>Classification Models</h3>
<p>This Milestone focuses on improving the website's performance and design by implementing and optimizing various classification models.</p>
<div class="progress-bar">
<div class="progress" style="width: 100%;"></div>
</div>
<p>23 closed / 23 total</p>
</div>
<div class="milestone-card">
<h3>Data Analysis</h3>
<p>This milestone is dedicated to enhancing the website's performance and design through the integration and application of data analysis techniques.</p>
<div class="progress-bar">
<div class="progress" style="width: 100%;"></div>
</div>
<p>20 closed / 20 total</p>
</div>
<div class="milestone-card">
<h3>NLP Models</h3>
<p>This milestone focuses on integrating NLP models to enhance website functionality and user interaction, improving performance and design through advanced natural language processing techniques.</p>
<div class="progress-bar">
<div class="progress" style="width: 50%;"></div>
</div>
<p>5 closed / 10 total</p>
</div>
<div class="milestone-card">
<h3>Computer Vision Models</h3>
<p>This milestone focuses on integrating computer vision models to improve website performance and design by enabling advanced image and video analysis capabilities.</p>
<div class="progress-bar">
<div class="progress" style="width: 50%;"></div>
</div>
<p>10 closed / 20 total</p>
</div>
<div class="milestone-card">
<h3>Detection Models</h3>
<p>This milestone involves improving the website's performance and design by implementing advanced detection models to enhance functionality and accuracy.</p>
<div class="progress-bar">
<div class="progress" style="width: 100%;"></div>
</div>
<p>34 closed / 34 total</p>
</div>
<div class="milestone-card">
<h3>Prediction Models</h3>
<p>This milestone aims to integrate advanced prediction models to boost website performance and user experience with cutting-edge algorithms and machine learning techniques.</p>
<div class="progress-bar">
<div class="progress" style="width: 100%;"></div>
</div>
<p>60 closed / 60 total</p>
</div>
<div class="milestone-card">
<h3>Recommendation Models</h3>
<p>This milestone focuses on integrating advanced recommendation models to improve website performance and deliver personalized user experiences.</p>
<div class="progress-bar">
<div class="progress" style="width: 100%;"></div>
</div>
<p>4 closed / 4 total</p>
</div>
</div>
</section>


</main>

<!-- Chatbot Button -->
Expand All @@ -129,13 +197,10 @@ <h1 class="contri-heading">Our Contributors</h1>
<button id="chatbot-send">Send</button>
</div>
</div>

<button id="go-to-top">TOP▶️</button> <!-- Go to top button -->

<footer class="footer">
<p>&copy; 2024 Machine Learning Repos - <a href="https://github.com/recodehive" id="footer-link">RecodeHive</a>. All rights reserved.</p>
</footer>

<script src="js/script.js"></script>
</body>
</html>
66 changes: 66 additions & 0 deletions Website/styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -602,3 +602,69 @@ button#toggle-languages:hover {
opacity: 0.9;
}

/* Milestones Progress Section */
#milestones-progress {
margin: 50px 0;
padding: 20px;
background-color: #f9f9f9;
}

#milestones-progress h2 {
text-align: center;
font-size: 2em;
margin-bottom: 20px;
color: #333;
}

.milestones-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
gap: 20px;
}

.milestone-card {
background-color: rgb(87, 251, 248);
padding: 20px;
border-radius: 10px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
border-left: 5px solid #054ffd;
transition: transform 0.3s ease;
}

.milestone-card:hover {
transform: translateY(-5px);
}

.milestone-card h3 {
color: #333;
font-size: 1.25em;
margin-bottom: 10px;
}

.milestone-card p {
color: #666;
font-size: 0.9em;
margin-bottom: 15px;
line-height: 1.5;
}

.progress-bar {
background-color: rgb(116, 243, 209);
border-radius: 5px;
overflow: hidden;
margin-bottom: 10px;
height: 8px;
}

.progress {
height: 100%;
background-color: #0366d6;
transition: width 0.4s ease;
}

/* Optional: Media Query for Responsive Design */
@media (max-width: 600px) {
.milestones-grid {
grid-template-columns: 1fr;
}
}