-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.html
More file actions
138 lines (132 loc) · 8.97 KB
/
index.html
File metadata and controls
138 lines (132 loc) · 8.97 KB
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
134
135
136
137
138
<!doctype html>
<html lang="en" class="h-100">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="assets/css/reset.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Anton&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.3/css/all.css"
integrity="sha384-SZXxX4whJ79/gErwcOYf+zWLeJdY/qpuqC4cAa9rOGUstPomtqpuNWT9wdPEn2fk" crossorigin="anonymous">
<link rel="stylesheet" href="./assets/css/bootswatch/bootswatch.css">
<link rel="stylesheet" href="assets/css/style.css">
<title>Tolga Secme - Portfolio</title>
</head>
<body class="d-flex flex-column h-100">
<header>
<nav class="navbar navbar-expand-lg navbar-light bg-light" aria-label="Main navigation">
<a class="navbar-brand" href="index.html">
<h1>Tolga Secme</h1>
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup"
aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<ul class="navbar-nav flex-row flex-wrap bd-navbar-nav pt-2 py-md-0">
<li class="nav-item col-6 col-md-auto"><a class="nav-link active p-2" href="index.html"><i
class="bi bi-chat-text-fill"></i>About<span class="sr-only">(current)</span></a></li>
<li class="nav-item col-6 col-md-auto"><a class="nav-link p-2" href="portfolio.html">Portfolio</a>
</li>
<li class="nav-item col-6 col-md-auto"><a class="nav-link p-2"
href="certificates.html">Certificates</a></li>
<li class="nav-item col-6 col-md-auto"><a class="nav-link p-2" href="contact.html">Contact</a></li>
</ul>
<ul class="navbar-nav ml-md-auto">
<li class="nav-item col-6 col-md-auto"><a class="nav-link p-2"
href="https://drive.google.com/file/d/1oavm-PyO1Xcf6i03H91c6jEUm9J8gwOS/view?usp=sharing"
target="_blank" rel="noopener"><i
class="fas fa-address-card fa-2x navbar-nav-svg d-inline-block align-text-top"></i><small
class="d-lg-none ml-2">Resume</small></a>
</li>
<li class="nav-item col-6 col-md-auto"><a class="nav-link p-2" href="https://github.com/TolgaS92"
target="_blank" rel="noopener"><i
class="fab fa-github fa-2x navbar-nav-svg d-inline-block align-text-top"></i>
<small class="d-lg-none ml-2">GitHub</small></a></li>
<li class="nav-item col-6 col-md-auto"><a class="nav-link p-2"
href="https://www.linkedin.com/in/tolgasecme/" target="_blank" rel="noopener"><i
class="fab fa-linkedin-in fa-2x navbar-nav-svg d-inline-block align-text-top"></i><small
class="d-lg-none ml-2">Linkedin</small></a></li>
</ul>
</div>
</nav>
</header>
<main class="flex-shrink-0">
<div class="container mt-3 mb-3 content-box">
<div class="container">
<div class="row">
<div class="col-sm-12 mt-3">
<h2><a href="#introduction" class="text-decoration-none">About Me</a></h2>
</div>
</div>
<hr>
<div class="row">
<div class="col-lg-6 col-md-12 col-sm-12">
<img src="./assets/images/profilepic.jpg" class="card-img-top rounded shadow-lg"
alt="Tolgaprofileimg" style="width: 425px; height: auto;">
</div>
<div class="col-lg-6 col-md-12 col-sm-12">
<p class="introduction mt-5"><i class="bi bi-caret-right-fill"><svg
xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
class="bi bi-caret-right-fill" viewBox="0 0 16 16">
<path
d="M12.14 8.753l-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z" />
</svg>Welcome to my Blog! My name is Tolga Secme and I'm
a 28-year old
full stack web developer. I was born in Switzerland and grew up in Turkey,
where I attended college in Samsun, Turkey at<a href="https://www.omu.edu.tr/en"
target="_blank" rel="noopener" class="text-decoration-none"> Ondokuzmayis
University</a>, with a Bachelors Degree in Chemistry.
I worked as a sales analyst for the Lactalis corporation in Turkey for 2 years before
deciding to relocate to the USA 3 years ago.</i></p>
<p class="introduction mt-5 pt-2"><i class="bi bi-caret-right-fill"><svg
xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
class="bi bi-caret-right-fill" viewBox="0 0 16 16">
<path
d="M12.14 8.753l-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z" />
</svg>Full stack web developer experienced with Front End development, API’s, Back End
Development.
Programming & Markup languages:
Node.Js., Express, JavaScript, jQuery, React.js, React, JSX, GIT, GitHub, MongoDB,
MySQL, Mongoose, Handlebars, HTML5, CSS3, Bootstrap, Materialize, APIs, Heroku,
Terminal, AJAX, Restful API, ES6, React Hooks, JSON, Sequelize</i></p>
</div>
<div class="row mt-3 mb-3">
<div class="col-lg-6 col-md-12 col-sm-12 mt-5">
<p class="introduction mt-5"><i class="bi bi-caret-right-fill"><svg
xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
class="bi bi-caret-right-fill" viewBox="0 0 16 16">
<path
d="M12.14 8.753l-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z" />
</svg>Please take a look at my Github page here <a
href="https://tolgas92.github.io/2-Responsive-Portfolio/" target="_blank"
rel="noopener" class="text-decoration-none">tolgas92.github.io</a>
It is my goal to continue developing my skills and growing as a professional in
order
to obtain a successful career position that I can be proud of.
In my spare time, I enjoy learning more about coding, hiking, and riding my
motorbike in the mountains.</i></p>
</div>
<div class="col-lg-6 col-md-12 col-sm-12 mt-5">
<img src="./assets/images/motorbike.jpg" class="card-img-top rounded shadow-lg"
alt="Motorbike">
</div>
</div>
</div>
</div>
</main>
<footer class="footer py-3">
<div class="container">
<span class="text-muted">© Tolga Secme, 2025, All Rights Reserved.</span>
</div>
</footer>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx"
crossorigin="anonymous"></script>
<script src="./assets/JS/script.js"></script>
</body>
</html>