Skip to content

Commit efe82ac

Browse files
sanjay-kvsanjay-kv
authored
Merge pull request #1171 from aditya-bhaumik/task2
added task by vivek
2 parents ccf96da + 8aa1c0c commit efe82ac

File tree

2 files changed

+138
-4
lines changed

2 files changed

+138
-4
lines changed

‎Website/index.html‎

Lines changed: 69 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -117,8 +117,76 @@ <h1 class="contri-heading">Our Contributors</h1>
117117
<!-- Contributors will be loaded here by JavaScript -->
118118
</div>
119119
</section>
120+
<section id="milestones-progress">
121+
<h2>Milestones Progress</h2>
122+
<div class="milestones-grid">
123+
<div class="milestone-card">
124+
<h3>Algorithms and Deep Learning Models</h3>
125+
<p>This milestone enhances the website's performance and design by integrating advanced algorithms and Deep Learning models.</p>
126+
<div class="progress-bar">
127+
<div class="progress" style="width: 100%;"></div>
128+
</div>
129+
<p>34 closed / 34 total</p>
130+
</div>
131+
<div class="milestone-card">
132+
<h3>Classification Models</h3>
133+
<p>This Milestone focuses on improving the website's performance and design by implementing and optimizing various classification models.</p>
134+
<div class="progress-bar">
135+
<div class="progress" style="width: 100%;"></div>
136+
</div>
137+
<p>23 closed / 23 total</p>
138+
</div>
139+
<div class="milestone-card">
140+
<h3>Data Analysis</h3>
141+
<p>This milestone is dedicated to enhancing the website's performance and design through the integration and application of data analysis techniques.</p>
142+
<div class="progress-bar">
143+
<div class="progress" style="width: 100%;"></div>
144+
</div>
145+
<p>20 closed / 20 total</p>
146+
</div>
147+
<div class="milestone-card">
148+
<h3>NLP Models</h3>
149+
<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>
150+
<div class="progress-bar">
151+
<div class="progress" style="width: 50%;"></div>
152+
</div>
153+
<p>5 closed / 10 total</p>
154+
</div>
155+
<div class="milestone-card">
156+
<h3>Computer Vision Models</h3>
157+
<p>This milestone focuses on integrating computer vision models to improve website performance and design by enabling advanced image and video analysis capabilities.</p>
158+
<div class="progress-bar">
159+
<div class="progress" style="width: 50%;"></div>
160+
</div>
161+
<p>10 closed / 20 total</p>
162+
</div>
163+
<div class="milestone-card">
164+
<h3>Detection Models</h3>
165+
<p>This milestone involves improving the website's performance and design by implementing advanced detection models to enhance functionality and accuracy.</p>
166+
<div class="progress-bar">
167+
<div class="progress" style="width: 100%;"></div>
168+
</div>
169+
<p>34 closed / 34 total</p>
170+
</div>
171+
<div class="milestone-card">
172+
<h3>Prediction Models</h3>
173+
<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>
174+
<div class="progress-bar">
175+
<div class="progress" style="width: 100%;"></div>
176+
</div>
177+
<p>60 closed / 60 total</p>
178+
</div>
179+
<div class="milestone-card">
180+
<h3>Recommendation Models</h3>
181+
<p>This milestone focuses on integrating advanced recommendation models to improve website performance and deliver personalized user experiences.</p>
182+
<div class="progress-bar">
183+
<div class="progress" style="width: 100%;"></div>
184+
</div>
185+
<p>4 closed / 4 total</p>
186+
</div>
187+
</div>
188+
</section>
120189

121-
122190
</main>
123191

124192
<!-- Chatbot Button -->
@@ -145,13 +213,10 @@ <h1 class="contri-heading">Our Contributors</h1>
145213
<button id="chatbot-send">Send</button>
146214
</div>
147215
</div>
148-
149216
<button id="go-to-top">TOP▶️</button> <!-- Go to top button -->
150-
151217
<footer class="footer">
152218
<p>&copy; 2024 Machine Learning Repos - <a href="https://github.com/recodehive" id="footer-link">RecodeHive</a>. All rights reserved.</p>
153219
</footer>
154-
155220
<script src="js/script.js"></script>
156221
</body>
157222
</html>

‎Website/styles.css‎

Lines changed: 69 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -659,6 +659,74 @@ button#toggle-languages:hover {
659659
}
660660

661661

662+
/* Milestones Progress Section */
663+
#milestones-progress {
664+
margin: 50px 0;
665+
padding: 20px;
666+
background-color: #f9f9f9;
667+
}
668+
669+
#milestones-progress h2 {
670+
text-align: center;
671+
font-size: 2em;
672+
margin-bottom: 20px;
673+
color: #333;
674+
}
675+
676+
.milestones-grid {
677+
display: grid;
678+
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
679+
gap: 20px;
680+
}
681+
682+
.milestone-card {
683+
background-color: rgb(87, 251, 248);
684+
padding: 20px;
685+
border-radius: 10px;
686+
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
687+
border-left: 5px solid #054ffd;
688+
transition: transform 0.3s ease;
689+
}
690+
691+
.milestone-card:hover {
692+
transform: translateY(-5px);
693+
}
694+
695+
.milestone-card h3 {
696+
color: #333;
697+
font-size: 1.25em;
698+
margin-bottom: 10px;
699+
}
700+
701+
.milestone-card p {
702+
color: #666;
703+
font-size: 0.9em;
704+
margin-bottom: 15px;
705+
line-height: 1.5;
706+
}
707+
708+
.progress-bar {
709+
background-color: rgb(116, 243, 209);
710+
border-radius: 5px;
711+
overflow: hidden;
712+
margin-bottom: 10px;
713+
height: 8px;
714+
}
715+
716+
.progress {
717+
height: 100%;
718+
background-color: #0366d6;
719+
transition: width 0.4s ease;
720+
}
721+
722+
/* Optional: Media Query for Responsive Design */
723+
@media (max-width: 600px) {
724+
.milestones-grid {
725+
grid-template-columns: 1fr;
726+
}
727+
}
728+
729+
662730
/* Loading Animation CSS */
663731
.loading-container {
664732
position: fixed;
@@ -757,3 +825,4 @@ body.dark-mode {
757825

758826

759827

828+

0 commit comments

Comments
 (0)