Spaces:
Running
Running
Commit
·
894fa9f
1
Parent(s):
0c8a1fe
Update index.html
Browse files- index.html +11 -5
index.html
CHANGED
@@ -12,6 +12,12 @@
|
|
12 |
|
13 |
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" rel="stylesheet">
|
14 |
<link rel="stylesheet" href="style.css">
|
|
|
|
|
|
|
|
|
|
|
|
|
15 |
</head>
|
16 |
<body>
|
17 |
<!-- Navbar -->
|
@@ -113,7 +119,7 @@
|
|
113 |
<!-- Sample Project Cards -->
|
114 |
<div class="col">
|
115 |
<div class="card mb-4">
|
116 |
-
<img src="https://codingartistweb.com/wp-content/uploads/2021/02/To-Do-list-small-01-1024x576.png" class="card-img-top
|
117 |
<div class="card-body">
|
118 |
<h5 class="card-title">ToDo Webpage</h5>
|
119 |
<p class="card-text">Personalised Todo page for daily works</p>
|
@@ -123,7 +129,7 @@
|
|
123 |
</div>
|
124 |
<div class="col">
|
125 |
<div class="card mb-4">
|
126 |
-
<img src="https://www.knoplaw.newcastle.sch.uk/i/curric/music2.jpg" class="card-img-top
|
127 |
<div class="card-body">
|
128 |
<h5 class="card-title">Music Webpage</h5>
|
129 |
<p class="card-text">Explore Most Popular and Trending Songs</p>
|
@@ -134,7 +140,7 @@
|
|
134 |
|
135 |
<div class="col">
|
136 |
<div class="card mb-4">
|
137 |
-
<img src="https://www.itsitio.com/wp-content/uploads/2022/01/portada_Chatbots-780x470.png" class="card-img-top
|
138 |
<div class="card-body">
|
139 |
<h5 class="card-title">Chatbot</h5>
|
140 |
<p class="card-text">Interactive AI: Your Friendly Chat Buddy</p>
|
@@ -144,7 +150,7 @@
|
|
144 |
</div>
|
145 |
<div class="col">
|
146 |
<div class="card mb-4">
|
147 |
-
<img src="https://codingartistweb.com/wp-content/uploads/2023/05/Number-Guessing-Game-01.png" class="card-img-top
|
148 |
<div class="card-body">
|
149 |
<h5 class="card-title">Cow & Bull</h5>
|
150 |
<p class="card-text">A Logical number guessing game</p>
|
@@ -154,7 +160,7 @@
|
|
154 |
</div>
|
155 |
<div class="col">
|
156 |
<div class="card mb-4">
|
157 |
-
<img src="https://techcresendo.com/wp-content/uploads/2016/02/Wikipedia.jpg" class="card-img-top
|
158 |
<div class="card-body">
|
159 |
<h5 class="card-title">Wikipedia Search</h5>
|
160 |
<p class="card-text">Effortlessly explore knowledge with Wikipedia Search.</p>
|
|
|
12 |
|
13 |
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" rel="stylesheet">
|
14 |
<link rel="stylesheet" href="style.css">
|
15 |
+
<style>
|
16 |
+
.project{
|
17 |
+
border-top-left-radius: 10px;
|
18 |
+
border-top-right-radius: 10px;
|
19 |
+
}
|
20 |
+
</style>
|
21 |
</head>
|
22 |
<body>
|
23 |
<!-- Navbar -->
|
|
|
119 |
<!-- Sample Project Cards -->
|
120 |
<div class="col">
|
121 |
<div class="card mb-4">
|
122 |
+
<img src="https://codingartistweb.com/wp-content/uploads/2021/02/To-Do-list-small-01-1024x576.png" class="card-img-top project" alt="Project 1">
|
123 |
<div class="card-body">
|
124 |
<h5 class="card-title">ToDo Webpage</h5>
|
125 |
<p class="card-text">Personalised Todo page for daily works</p>
|
|
|
129 |
</div>
|
130 |
<div class="col">
|
131 |
<div class="card mb-4">
|
132 |
+
<img src="https://www.knoplaw.newcastle.sch.uk/i/curric/music2.jpg" class="card-img-top project" alt="Project 1">
|
133 |
<div class="card-body">
|
134 |
<h5 class="card-title">Music Webpage</h5>
|
135 |
<p class="card-text">Explore Most Popular and Trending Songs</p>
|
|
|
140 |
|
141 |
<div class="col">
|
142 |
<div class="card mb-4">
|
143 |
+
<img src="https://www.itsitio.com/wp-content/uploads/2022/01/portada_Chatbots-780x470.png" class="card-img-top project" alt="Project 1">
|
144 |
<div class="card-body">
|
145 |
<h5 class="card-title">Chatbot</h5>
|
146 |
<p class="card-text">Interactive AI: Your Friendly Chat Buddy</p>
|
|
|
150 |
</div>
|
151 |
<div class="col">
|
152 |
<div class="card mb-4">
|
153 |
+
<img src="https://codingartistweb.com/wp-content/uploads/2023/05/Number-Guessing-Game-01.png" class="card-img-top project" alt="Project 1">
|
154 |
<div class="card-body">
|
155 |
<h5 class="card-title">Cow & Bull</h5>
|
156 |
<p class="card-text">A Logical number guessing game</p>
|
|
|
160 |
</div>
|
161 |
<div class="col">
|
162 |
<div class="card mb-4">
|
163 |
+
<img src="https://techcresendo.com/wp-content/uploads/2016/02/Wikipedia.jpg" class="card-img-top project" alt="Project 1">
|
164 |
<div class="card-body">
|
165 |
<h5 class="card-title">Wikipedia Search</h5>
|
166 |
<p class="card-text">Effortlessly explore knowledge with Wikipedia Search.</p>
|