-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
122 lines (114 loc) · 5.32 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@picocss/pico@1/css/pico.min.css">
<style>
body {
font-size: 0.7rem; /* Base font size */
}
.container {
max-width: 700px; /* Max-width for the container */
margin: auto; /* Center the container */
}
figure img {
width: 100%; /* Full width of its container */
max-width: 450px; /* Max width of the image */
height: auto; /* Maintain aspect ratio */
display: block; /* Block display to respect max-width */
margin: 0 auto; /* Center the image */
}
h2 {
font-size: 1.2rem; /* Heading size */
}
h3 {
font-size: 1rem; /* Subheading size */
}
p {
font-size: 0.7rem; /* Paragraph text size */
}
/* Ensure the main content is visible */
main {
padding: 1rem 0; /* Add padding around main content */
}
nav ul {
padding: 0.5rem 0; /* Padding for nav */
list-style-type: none; /* Remove list bullets */
margin: 0; /* Remove default margin */
padding: 0; /* Remove default padding */
display: flex; /* Add this line */
flex-wrap: nowrap; /* Add this line to prevent wrapping */
}
nav ul li {
display: inline; /* Display nav items in a line */
margin-right: 10px; /* Right margin for spacing */
}
nav ul li a {
color: #007bff; /* Set link color */
text-decoration: none; /* Remove text underline */
font-size: 0.6rem; /* Smaller font size for nav links */
padding: 5px 10px; /* Add padding to give a button-like appearance */
border-radius: 50px; /* Rounded corners */
transition: background-color 0.3s, color 0.3s; /* Transition for smooth color change */
background-color: #007bff; /* Set background color */
color: #fff; /* Set text color */
}
/* Change color on hover */
nav ul li a:hover {
background-color: #0056b3; /* Change background color on hover */
color: #fff; /* Keep text color the same on hover */
text-decoration: underline; /* Add underline on hover */
}
</style>
<title>Home - Titanic Survival Project</title>
</head>
<body>
<nav class="container-fluid">
<ul>
<li><strong style="border: 2px solid #007bff; padding: 5px; border-radius: 10px;">Titanic Machine Learning Project!</strong></li> </ul>
<ul>
<li><a href="index.html" target="_blank">Home</a></li>
<li><a href="https://github.com/23yem/Final-Titanic-Machine-Learning" target="_blank">GitHub Repository</a></li>
<li><a href="Neural_Network.html" target="_blank">Neural Networks</a></li>
<li><a href="Gradient_Boosted.html" target="_blank">Gradient Boosted Trees</a></li>
<li><a href="Random_Forest.html" target="_blank">Random Forest</a></li>
</ul>
</nav>
<main class="container">
<div class="grid">
<section>
<hgroup>
<h2>Titanic Survival Prediction</h2>
<h3>My first project</h3>
</hgroup>
<p>This is my first Machine Learning Project. The project employs a variety of machine learning models, including Random Forests, Gradient Boosted Trees, and Neural Networks, to predict survival. Techniques for data cleaning, feature engineering, and model tuning are thoroughly documented in the Jupyter notebooks.</p>
<figure>
<img src="https://services.meteored.com/img/article/titanic-10-curiosidades-sobre-el-naufragio-mas-famoso-de-la-historia-1681429632845_1280.jpg" alt="Titanic" />
<figcaption>Feel free to navigate to the other web pages above to look at the different parts of the project. And also feel free to go to the github page for a more in-depth view of my project.</figcaption>
</figure>
</section>
</div>
<section>
<hgroup>
<h2>My High Score</h2>
</hgroup>
<p>I achieved a high score of 80.622 in this project and <strong>top 587 out of 67,149 Entries (top 0.8%)</strong> and counting. Here's a snapshot of my score:</p>
<figure>
<img src="high_score_of_80.622.jpg" alt="High Score" style="max-width: 10000px; width: 900px; height: 120px;" />
</figure>
</section>
<!-- New section for Kaggle competition -->
<section>
<hgroup>
<h2>Kaggle Competition</h2>
</hgroup>
<p>This project was part of a Kaggle competition. You can learn more about the competition and see other submissions on the Kaggle website.</p>
<p><a href="https://www.kaggle.com/c/titanic" target="_blank">Go to Kaggle Competition</a></p>
</section>
</main>
<footer class="container">
<small><a href="index.html">Home</a> </small>
</footer>
</body>
</html>