File tree Expand file tree Collapse file tree
Expand file tree Collapse file tree Original file line number Diff line number Diff line change 1+ <!DOCTYPE html>
2+ < html lang ="en ">
3+ < head >
4+ < meta charset ="UTF-8 " />
5+ < meta name ="viewport " content ="width=device-width, initial-scale=1.0 "/>
6+ < title > Waste Material Classifier</ title >
7+ < style >
8+ body {
9+ margin : 0 ;
10+ font-family : 'Segoe UI' , sans-serif;
11+ background : # 1e1e1e ;
12+ color : # eee ;
13+ display : flex;
14+ flex-direction : column;
15+ align-items : center;
16+ justify-content : center;
17+ min-height : 100vh ;
18+ }
19+
20+ h1 {
21+ font-size : 2.5rem ;
22+ color : # 00ffaa ;
23+ margin-bottom : 0.5rem ;
24+ }
25+
26+ p {
27+ color : # aaa ;
28+ font-size : 1.1rem ;
29+ max-width : 600px ;
30+ text-align : center;
31+ margin-bottom : 2rem ;
32+ }
33+
34+ .btn {
35+ padding : 12px 24px ;
36+ font-size : 1rem ;
37+ background-color : # 00ffaa ;
38+ color : # 000 ;
39+ text-decoration : none;
40+ border-radius : 6px ;
41+ font-weight : bold;
42+ transition : background 0.3s ;
43+ }
44+
45+ .btn : hover {
46+ background-color : # 00e69c ;
47+ }
48+
49+ .footer {
50+ margin-top : 3rem ;
51+ display : flex;
52+ gap : 20px ;
53+ color : # 888 ;
54+ font-size : 0.9rem ;
55+ }
56+
57+ .footer a {
58+ color : # aaa ;
59+ text-decoration : none;
60+ }
61+
62+ .footer img {
63+ vertical-align : middle;
64+ width : 20px ;
65+ height : 20px ;
66+ }
67+ </ style >
68+ </ head >
69+ < body >
70+ < h1 > ♻️ Waste Material Classifier</ h1 >
71+ < p > Upload or capture an image and this AI model will classify it into one of six recyclable waste categories using deep learning.</ p >
72+ < a class ="btn " href ="https://huggingface.co/spaces/Salaar-Saaiem/Ai-Based_Garbage_Classification_using_ML " target ="_blank "> Launch Classifier</ a >
73+
74+ < div class ="footer ">
75+ < a href ="https://github.com/Salaar-Saaiem " target ="_blank ">
76+ < img src ="https://cdn-icons-png.flaticon.com/512/25/25231.png " alt ="GitHub " /> GitHub
77+ </ a >
78+ < a href ="https://www.linkedin.com/in/salaarsaaiem525/ " target ="_blank ">
79+ < img src ="https://cdn-icons-png.flaticon.com/512/174/174857.png " alt ="LinkedIn " /> LinkedIn
80+ </ a >
81+ </ div >
82+ </ body >
83+ </ html >
You can’t perform that action at this time.
0 commit comments