Hugging Face's logo

Spaces:
Alexvatti
/
Yamiprojects
Running

App Files Community
Alexvatti commited on
Commit
6ecb896
·
verified ·
1 Parent(s): 3b0fccd

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +108 -18
index.html CHANGED
@@ -1,19 +1,109 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
19
  </html>
 
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>Bootstrap 4 Homepage</title>
7
+ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4/dist/css/bootstrap.min.css">
8
+ <style>
9
+ .hero {
10
+ background: url('https://source.unsplash.com/1600x900/?technology,ai') no-repeat center center/cover;
11
+ height: 100vh;
12
+ display: flex;
13
+ align-items: center;
14
+ justify-content: center;
15
+ color: white;
16
+ text-align: center;
17
+ }
18
+ .nav-pills .nav-link {
19
+ margin: 5px;
20
+ }
21
+ </style>
22
+ </head>
23
+ <body>
24
+ <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
25
+ <a class="navbar-brand" href="#">My Website</a>
26
+ <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav">
27
+ <span class="navbar-toggler-icon"></span>
28
+ </button>
29
+ <div class="collapse navbar-collapse" id="navbarNav">
30
+ <ul class="nav nav-pills">
31
+ <li class="nav-item">
32
+ <a class="nav-link active" data-toggle="pill" href="#machine-learning">Machine Learning</a>
33
+ </li>
34
+ <li class="nav-item">
35
+ <a class="nav-link" data-toggle="pill" href="#deep-learning">Deep Learning</a>
36
+ </li>
37
+ <li class="nav-item">
38
+ <a class="nav-link" data-toggle="pill" href="#data-science">Data Science</a>
39
+ </li>
40
+ <li class="nav-item">
41
+ <a class="nav-link" data-toggle="pill" href="#Transformers">Transformers</a>
42
+ </li>
43
+ <li class="nav-item">
44
+ <a class="nav-link" data-toggle="pill" href="#ai">Artificial Intelligence</a>
45
+ </li>
46
+ </ul>
47
+ </div>
48
+ </nav>
49
+
50
+
51
+ <div class="tab-content container mt-4">
52
+ <div id="machine-learning" class="tab-pane fade show active">
53
+ <h2>Machine Learning</h2>
54
+ <p>Machine Learning is a core component of Artificial Intelligence that includes how machines can analyze data, identify patterns, and make decisions with low to no human intervention.</p>
55
+ <p>With the ever-increasing demand for machine-automated solutions, ML has become one of the rapidly evolving technologies along with AI & Data Science.</p>
56
+ <br>
57
+ <h3>Machine Learning Projects List</h3>
58
+ </div>
59
+
60
+ <div id="deep-learning" class="tab-pane fade">
61
+ <h2>Deep Learning</h2>
62
+ <p>Deep Learning, also known as neural learning or deep neural learning, is a part of Machine Learning that uses networks for learning from unorganized or unlabelled datasets.</p>
63
+ <br>
64
+ <h3>Deep Learning Projects List</h3>
65
+ </div>
66
+
67
+ <div id="data-science" class="tab-pane fade">
68
+ <h2>Data Science</h2>
69
+ <p>Data Science is the process that defines the algorithms, methods, and techniques required to analyze data to extract patterns, meaning, or sense that can be used for decision-making or prediction purposes.</p>
70
+ <p>Today, data science is applied in statistics, business intelligence, and computer science fields to be applied in finance, e-commerce, sales, marketing, and related domains worldwide.</p>
71
+ <br>
72
+ <h3>Data Science Projects List</h3>
73
+ </div>
74
+
75
+ <div id="Transformers" class="tab-pane fade">
76
+ <h2>Transformers</h2>
77
+ <p>Transformers are deep learning models designed for processing sequential data, especially in NLP tasks.
78
+ <br>
79
+ They use self-attention mechanisms to understand context and relationships in text. </p>
80
+ <p>Transformers power models like BERT and GPT, enabling advanced AI applications. Their efficiency has revolutionized machine learning and AI research.</p>
81
+ <br>
82
+ <h3>Transformers Projects List</h3>
83
+ <div class="container">
84
+ <ul class="list-group">
85
+ <li class="list-group-item">
86
+ <a href="pages/transformers/text-summary.html" class="text-primary font-weight-bold">Text Summarizer - BART Model</a>
87
+ </li>
88
+ <li class="list-group-item">
89
+ <a href="pages/transformers/text-emotions.html" class="text-primary font-weight-bold">Text Emotions Analyser</a>
90
+ </li>
91
+ </ul>
92
+ </div>
93
+ </div>
94
+
95
+ <div id="ai" class="tab-pane fade">
96
+ <h2>Artificial Intelligence</h2>
97
+ <p>Artificial Intelligence (AI) enables machines to simulate human intelligence, learning from data to make decisions.
98
+ <br>
99
+ It powers applications in automation, healthcare, finance, and more.</p>
100
+ <p>AI includes machine learning, deep learning, and natural language processing. Its rapid growth is shaping the future of technology..</p>
101
+ <br>
102
+ <h3>AI Projects List</h3>
103
+ </div>
104
+ </div>
105
+
106
+ <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
107
+ <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
108
+ </body>
109
  </html>