-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
133 lines (100 loc) · 5.08 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
123
124
125
126
127
128
129
130
131
132
133
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-1FH6V87JK5"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-1FH6V87JK5');
</script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Geo Joseph</title>
<link rel="icon" type="image/x-icon" href="/images/favicon.ico">
<link rel="stylesheet" href="css/index.css">
<link href="https://fonts.cdnfonts.com/css/bambi-handwritten" rel="stylesheet">
<script src="scripts/palettegen.js"></script>
</head>
<body>
<section id="home">
<div class="container">
<nav>
<img class="logo" src="images/geologo.png" alt="logo" >
<ul>
<li> <a href="#home">Home</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="#explore"><button class="btn">Explore</button></a></li>
</ul>
</nav>
</div>
<div class="hero">
<div class="details">
Hi, I'm <h1>Geo Joseph</h1>
Welcome to my official portfolio website. <br>
Find more about me and my works here.
<div class="resume">
Download Resume <a href="assets/Resume.txt" download="Resume.txt"><button class="invpjtbtn">Download</button></a>
</div>
</div>
<img src="images/i3.png" class="profilepic">
</div>
<img src="images/wave2.png" class="bgwave">
</section>
<section id="explore">
<div class="prog">
<h1 class="skills">Software Development</h1> <br>
Graduated with a Bachelor's Degree in Bvoc Software Development
and Master's Degree in MCA (Master of Computer Applications).
<br>
<h4 class="skillshead">Skills</h4>
<div class="pgmlogos">
<img src="images/logos/cpp.png" class="pgmlogo">
<img src="images/logos/python.png" class="pgmlogo">
<img src="images/logos/java2.png" class="pgmlogo">
<img src="images/logos/html.png" class="pgmlogo">
<img src="images/logos/js.png" class="pgmlogo">
<img src="images/logos/css.png" class="pgmlogo">
<img src="images/logos/django.png" class="pgmlogo">
</div>
<br>
<h4 class="skillshead">Projects</h4>
<div class="projects">
<img src="images/fakefinder.png" class="pjtlogo">FakeFinder: It is a web application that use machine learning algorithms
to detect Instagram fake accounts. Users can input the
username/profile link of the suspicious account and FakeFinder will return it's genuinity score. <a href="https://github.com/geojoseph19/FakeFinder" target="_blank" style="margin-left: 1%;"><button class="pjtbtn" >View</button></a>
</div>
<br>
<div class="projects">
<img src="images/cpm.png" class="pjtlogo">
Color Palette Maker: A useful application for designers that generates infinite number of color palettes. Palette colors
can be set as accent colors or mixed colors. Infinite possibilities!! <a href="colorpalette.html" target="_blank" style="margin-left: 1%;"><button class="pjtbtn" >View</button></a>
</div>
</div>
</section>
<section id="contact">
<div class="prog" >
<h1 class="skills">Contact</h1> <br>
<div style="display: flex;">
<textarea name="contacttext" id="contacttext" placeholder=" What's in your mind?" cols="30" rows="10"></textarea>
<a href="mailto:[email protected]", id="mail" style="text-decoration: none;color: rgb(60, 60, 60);margin-left: 1%;display: flex;align-items: center;"><button class="invpjtbtn" >Send</button></a>
</div>
<br>
<div id="socials" style="display: flex; align-items: center;">
Check out my socials
<a href="https://www.linkedin.com/in/geojoseph19/" target="_blank" class="socicon"><img src="images/logos/linkedin.png" class="social" alt="Linkedin"></a>
<a href="https://instagram.com/geojoseph19" target="_blank" class="socicon"><img src="images/logos/insta.png" class="social "></a>
<a href="https://facebook.com/geojoseph19" target="_blank" class="socicon"><img src="images/logos/fb.png" class="social" alt=""></a>
</div>
<div id="socials" style="display: flex; align-items: center; padding-top: 1%;">
<img src="images/logos/mail.png" class="social22"> [email protected]
</div>
</div>
</section>
<footer>
<p>© Geo Joseph</p>
<p><a href="mailto:[email protected]", id="mail">[email protected]</a></p>
</footer>
</body>
</html>