-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
87 lines (85 loc) · 3.24 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
<!DOCTYPE html>
<html>
<head>
<title>Ozzy Dogan</title>
<meta name="author" content="Ozzy Dogan">
<meta name="description" content="First FE project">
<meta name="viewport" content="width-device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/index.css">
</head>
<body>
<header class="header">
<nav id="navbar">
<a href="#about">About</a> |
<a href="#experience">Experience</a> |
<a href="#skills">Skills</a> |
<a href="#projects">Projects</a> |
<a href="#connect">Connect</a>
</nav>
</header>
<div class="name-image">
<img class="ozzy" src="pictures/9DCB4DB0-AD4E-4B93-9132-0E5F3DD8950D.JPG" alt="ozzy">
<h1>Oguzhan Dogan</h1>
</div>
<section id="about">
<h2>About</h2>
<p style="margin-top: -10px;">My name is Oguzhan Dogan but everyone calls me <strong>Ozzy</strong>. I'm a software QA Engineer at Burger King. I like coding and I want to be a software engineer.</p>
</section>
<section id="experience">
<h2 style="margin-top: -10px;">Experience</h2>
<p style="margin-top: -10px;">During my college years I worked on different projects: </p>
<ul class="projects" style="margin-top: -2px; font-family: Source Code Pro,monospace; font-weight: 250;">
<li> Multiplayer Tomato Monster Game </li>
<li> Online Auction Website </li>
<li> Android mobile application for a pizza store </li>
<li> Gym membership navigator app with JavaFX </li>
<li> Automation framework with Selenium WebDriver </li>
<li> Creating a data graph with using Matplotlib library in Python </li>
</ul>
</section>
<section id="skills">
<h2>Skills</h2>
<ul>
</ul>
</section>
<section id="projects">
<h2>Projects</h2>
</section>
<section id="connect">
<h2 style="margin-top: -10px;">Connect</h2>
<div class="contact-lists">
<a href="https://www.linkedin.com/in/oguzhandogan1" class="connectlink">
<h2 class="connect" style="padding-left: 10px;">Connect</h2>
</a>
<ul class="contact">
<li> Email: [email protected] </li>
<li> Github: https://github.com/ozzydogandev </li>
<li> LinkedIn: https://www.linkedin.com/in/oguzhandogan1 </li>
</ul>
<ul class="contact2">
<li> Phone: +1(555)555-55-55 </li>
<li> Location: Somerset, NJ </li>
</ul>
</div>
</section>
<img class="ctd" src="https://cdn.filestackcontent.com/resize=width:600,height:315,fit:max/quality=value:90/Sn5Neh2cTqGMHSfWysgQ" alt="CTD" width="350" height="100">
<section id="lm">
<h2>Leave a Message</h2>
<form id="leave_message" name="leave_message">
<label for="usersName">Name: </label><br>
<input type="text" name="usersName" required><br>
<label for="usersEmail">Email: </label><br>
<input type="email" name="usersEmail" required><br>
<label for="usersMessage">Your Message: </label><br>
<textarea name="usersMessage" required></textarea><br>
<button type="submit">Submit</button>
</form>
</section>
<section id="messages" hidden>
<h2>Messages</h2>
<ul>
</ul>
</section>
<script src="js/index.js"></script>
</body>
</html>