Skip to content

Commit 6a0ebb7

Browse files
vivekvardhan2810vivekvardhan2810
committed
task2
1 parent 4845519 commit 6a0ebb7

File tree

2 files changed

+135
-1
lines changed

2 files changed

+135
-1
lines changed

‎Website/index.html‎

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

106-
107175
</main>
108176

109177
<!-- Chatbot Button -->

‎Website/styles.css‎

Lines changed: 66 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -602,3 +602,69 @@ button#toggle-languages:hover {
602602
opacity: 0.9;
603603
}
604604

605+
/* Milestones Progress Section */
606+
#milestones-progress {
607+
margin: 50px 0;
608+
padding: 20px;
609+
background-color: #f9f9f9;
610+
}
611+
612+
#milestones-progress h2 {
613+
text-align: center;
614+
font-size: 2em;
615+
margin-bottom: 20px;
616+
color: #333;
617+
}
618+
619+
.milestones-grid {
620+
display: grid;
621+
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
622+
gap: 20px;
623+
}
624+
625+
.milestone-card {
626+
background-color: rgb(87, 251, 248);
627+
padding: 20px;
628+
border-radius: 10px;
629+
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
630+
border-left: 5px solid #054ffd;
631+
transition: transform 0.3s ease;
632+
}
633+
634+
.milestone-card:hover {
635+
transform: translateY(-5px);
636+
}
637+
638+
.milestone-card h3 {
639+
color: #333;
640+
font-size: 1.25em;
641+
margin-bottom: 10px;
642+
}
643+
644+
.milestone-card p {
645+
color: #666;
646+
font-size: 0.9em;
647+
margin-bottom: 15px;
648+
line-height: 1.5;
649+
}
650+
651+
.progress-bar {
652+
background-color: rgb(116, 243, 209);
653+
border-radius: 5px;
654+
overflow: hidden;
655+
margin-bottom: 10px;
656+
height: 8px;
657+
}
658+
659+
.progress {
660+
height: 100%;
661+
background-color: #0366d6;
662+
transition: width 0.4s ease;
663+
}
664+
665+
/* Optional: Media Query for Responsive Design */
666+
@media (max-width: 600px) {
667+
.milestones-grid {
668+
grid-template-columns: 1fr;
669+
}
670+
}

0 commit comments

Comments
 (0)