-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
94 lines (82 loc) · 3.85 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- <meta name="viewport" content="width=device-width, initial-scale=1.0"> -->
<title>Gabriel Johnson - Portfolio</title>
<link rel="stylesheet" href="designs.css"> <!-- Link to your CSS file -->
</head>
<body>
<!-- Navigation Bar -->
<nav class="navbar">
<div class="container">
<ul class="nav-links">
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="projects.html">Projects</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</nav>
<!-- Main Content -->
<main>
<!-- Hero Section -->
<section id="home" class="hero">
<div class="container">
<h1>Gabriel Johnson</h1>
<p>Passionate Developer | AI & Machine Learning Enthusiast </p>
</div>
</section>
<!-- Projects Section -->
<section id="projects" class="projects_main">
<div class="container">
<h2>Projects:</h2>
<!-- Project Cards (Replace with your actual projects) -->
<div class="project-card_main">
<h3>Tumor Classification</h3>
<p>Description of the tumor classification project: Collection of MRI Images in which have been Zoomed and Greyscaled. Then classified using several DL methods.</p>
<a href="project_tumor_classification.html" class="project-card_main">View Project</a>
</div>
<!-- Add more project cards -->
<div class="project-card_main">
<h3>Steam Review Classification</h3>
<p>Description of the steam review classification project: A collection of Steam Reviews which were classified using sentiment analysis. Then allowing user input to test for other reviews to get an estimated classification with probabilities.</p>
<a href="project_steam_review.html" class="project-card_main">View Project</a>
</div>
<div class="project-card_main">
<h3>Student Review Database</h3>
<p>Description of the student review database project. A database created to serve as a way for Students to view classes and be able to review them and different professors for future students. Professors also having the ability to view the database and see what has been said about themselves or their classes they have taught.</p>
<a href="project_student_review.html" class="project-card_main">View Project</a>
</div>
<div class="projects-message">
<h3>For more projects, <a href="projects.html" class="projects-link">visit the Projects section</a> of the website.</h3>
</div>
</section>
<!-- About Section -->
<section id="about-main" class="about-main">
<div class="container">
<h2>About Me</h2>
<p>I am a passionate Artificial Intelligence major with a strong foundation in Deep Learning, Machine Learning, and Data Science. My academic background and professional experience have equipped me with in-depth knowledge and skills in various AI-related domains.</p>
<!-- Add your skills, achievements, and bio -->
</div>
</section>
</main>
<!-- Footer Section -->
<footer>
<div class="container">
<!-- Other footer content -->
<section id="contact" class="contact">
<h2>Contact Me:</h2>
<ul class="contact-list">
<li><a href="https://www.linkedin.com/in/gabriel-johnson-b96a0a141/" target="_blank">LinkedIn Profile</a></li>
<li><a href="https://github.com/Obrin24" target="_blank">GitHub Profile</a></li>
<li>Email: [email protected]</li>
<li>Phone: +1-224-388-8614</li>
</ul>
</section>
<p class="footer-text">© 2023 Gabriel Johnson. All rights reserved.</p>
</div>
</footer>
</body>
</html>