-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
125 lines (121 loc) · 6.79 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
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="Content-Security-Policy"
content="script-src 'self' 'unsafe-eval' https://www.googletagmanager.com/gtag/js?id=G-5G6Z79KR5H 'unsafe-inline'; object-src 'self'">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="owner" content="Derviş Öksüzoğlu">
<meta name="keywords" content="derviş, öksüzoğlu, derviş öksüzoğlu, blog, portfolyo, anasayfa">
<meta name="description"
content="Derviş Öksüzoğlu | Anasayfa: İngilizce Öğretmeni & Front-end Web Geliştiricisi; Pedagoji, Web Geliştirme, Felsefe ve Dahası">
<meta name="referrer" content="no-referrer-when-downgrade">
<meta name="robots" content="index, follow, noarchive, noimageindex, max-snippet: -1, max-image-preview:standard">
<link rel="preconnect" href="https://www.google-analytics.com">
<link rel="canonical" href="https://www.dervisoksuzoglu.net">
<link rel="preload" href="/assets/fonts/figtree.woff2" as="font" type="font/woff2" fetchpriority="high"
crossorigin="">
<!--base url-->
<base href="https://www.dervisoksuzoglu.net">
<!--open graph-->
<meta property="og:title" content="Derviş Öksüzoğlu | Anasayfa: İngilizce Öğretmeni & Front-end Web Geliştiricisi">
<meta property="og:description"
content="Derviş Öksüzoğlu | Anasayfa: İngilizce Öğretmeni & Front-end Web Geliştiricisi; Pedagoji, Web Geliştirme, Felsefe ve Dahası">
<meta property="og:url" content="https://www.dervisoksuzoglu.net">
<meta property="og:image" content="https://www.dervisoksuzoglu.net/assets/img/main/myself.webp">
<meta property="og:image:alt"
content="Derviş Öksüzoğlu | Anasayfa: İngilizce Öğretmeni & Front-end Web Geliştiricisi; Pedagoji, Web Geliştirme, Felsefe ve Dahası">
<meta property="og:type" content="website">
<meta property="og:locale" content="tr_TR">
<!--x/twitter-->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Derviş Öksüzoğlu | Anasayfa: İngilizce Öğretmeni & Front-end Web Geliştiricisi">
<meta name="twitter:description"
content="Derviş Öksüzoğlu | Anasayfa: İngilizce Öğretmeni & Front-end Web Geliştiricisi; Pedagoji, Web Geliştirme, Felsefe ve Dahası">
<meta name="twitter:image" content="https://www.dervisoksuzoglu.net/assets/img/main/myself.webp">
<meta name="twitter:image:alt" content="Derviş Öksüzoğlu">
<!--favicon-->
<link rel="icon" type="image/webp" sizes="32x32" href="assets/img/title_logos/titlelogo_32x32.webp">
<link rel="icon" type="image/webp" sizes="16x16" href="assets/img/title_logos/titlelogo_16x16.webp">
<!--external css-->
<link rel="stylesheet" type="text/css" href="assets/css/index.css" as="style">
<title>Derviş Öksüzoğlu</title>
</head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-5G6Z79KR5H"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'G-5G6Z79KR5H');
</script>
<body>
<do-header>
</do-header>
<main>
<section class="main-container">
<do-landing>
</do-landing>
</section>
<section class="posts">
<do-separator text="En son yayınlanan makaleler"></do-separator>
<do-showcase-posts></do-showcase-posts>
</section>
<section class="qualifications">
<do-separator text="Çalışma Alanlarım"></do-separator>
<section class="qualifications-main">
<article class="qm-child qmfirst">
<h4>
Sürekli öğrenmenin, özgün işler çıkarabilmek ve literatür
oluşturabilmek için şart koştuğu dünya çapında bir ortak iletişim
dili, bir
<span class="qmfirst-indicator">lingua franca</span> olan
İngilizce'yi öğretmek benim ana mesleğimdir.
</h4>
<a rel="noopener" href="https://www.freepik.com/" target="_blank">
<picture class="responsive-img">
<source srcset="assets/img/main/res/qualifications-main-english-small.webp"
media="(max-width: 300px)">
<source srcset="assets/img/main/res/qualifications-main-english-medium.webp"
media="(max-width: 768px)">
<img class="lazyload qm-child-img-first"
data-src="assets/img/main/qualifications-main-english.webp" alt="Freepik English"
title="Designed by Freepik" loading="lazy">
</picture>
</a>
</article>
<hr class="qm-between-separator">
<article class="qm-child qmsecond">
<h4>
Tek bir alanda uzmanlaşmak yerine, birden çok alanda geleceğe
yönelik nitelik kazanmak için üzerinde çalıştığım bir başka uğraş
ise,
<span class="qmsecond-indicator">estetik, SEO dostu, işlevsel ve içerik öncelikli</span>
web siteler yaptığım Front-end Web Geliştiriciliğidir.
</h4>
<a rel="noopener" href="https://www.freepik.com/" target="_blank">
<picture class="responsive-img">
<source srcset="assets/img/main/res/qualifications-main-webdev-small.webp"
media="(max-width: 300px)">
<source srcset="assets/img/main/res/qualifications-main-webdev-medium.webp"
media="(max-width: 768px)">
<img class="lazyload qm-child-img-second"
data-src="assets/img/main/qualifications-main-webdev.webp" alt="Freepik Web Dev"
title="Designed by Freepik" loading="lazy">
</picture>
</a>
</article>
</section>
</section>
<do-carousel>
</do-carousel>
</main>
<do-footer>
</do-footer>
<!--Scripts-->
<script src="assets/js/script.js" as="script"></script>
<script src="assets/js/modules.js" type="module" as="script"></script>
<!--End of Scripts-->
</body>
</html>