FURK4NGG
347 lines
25 KiB
HTML
347 lines
25 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<title>Furkan Karlıoğlu - Main Page</title>
|
||
<link href="img/icon.ico" rel="shortcut icon" type="image/x-icon">
|
||
<link rel="manifest" href="/manifest.json">
|
||
|
||
<meta charset="UTF-8">
|
||
<meta http-equiv="X-XSS-Protection" content="1; mode=block">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
<meta name="robots" content="INDEX, FOLLOW">
|
||
<meta http-equiv="content-type" content="text/html; charset=iso-8859-3">
|
||
<meta name="publisher" content="https://furk4ngg.github.io">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=yes">
|
||
<meta name="theme-color" content="#F8F6E3">
|
||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
|
||
<meta name="apple-mobile-web-app-title" content="Furkan Karlıoğlu">
|
||
<meta name="keywords" content="Software,Program Languages,Artificial Intelligence,Cybersecurity,Mobile App,Mobile App Development,Robotics Coding,Portfolio,Experience,Enterprising,Software Developer">
|
||
<meta name="description" content="This portfolio site is a platform I designed to share my passion and skills in the software world with you.Unlock innovation and visit my website."/>
|
||
<meta property="og:description" content="Furkan Karlioglu's personal web site." />
|
||
<meta name="author" content="Furkan KARLIOĞLU">
|
||
<meta name="viewport" content="width=device-width">
|
||
<link rel="canonical" href="https://furk4ngg.github.io/home.html">
|
||
<link href='img/icon.ico' rel='apple-touch-icon'/>
|
||
<link rel="stylesheet" href="CSS/1.css">
|
||
</head>
|
||
<body>
|
||
<div id=# class="loading_page">
|
||
<svg width="67" height="10" viewBox="0 0 67 10" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path d="M0.584 9V0.42H4.964V0.924H1.16V4.08H4.64V4.572H1.16V9H0.584ZM13.0008 8.172C12.4488 8.82 11.6088 9.144 10.4808 9.144C9.35281 9.144 8.50881 8.816 7.94881 8.16C7.39681 7.504 7.12081 6.608 7.12081 5.472V0.42H7.69681V5.472C7.69681 7.584 8.62081 8.64 10.4688 8.64C12.3248 8.64 13.2528 7.584 13.2528 5.472V0.42H13.8288V5.472C13.8288 6.616 13.5528 7.516 13.0008 8.172ZM16.8965 9V0.456C17.6565 0.4 18.2925 0.372 18.8045 0.372C19.6205 0.372 20.2925 0.584 20.8205 1.008C21.3485 1.424 21.6125 2.016 21.6125 2.784C21.6125 3.304 21.4605 3.788 21.1565 4.236C20.8525 4.684 20.5125 5.04 20.1365 5.304C20.4325 5.712 20.7965 6.2 21.2285 6.768C21.6685 7.328 21.9525 7.68 22.0805 7.824C22.5685 8.344 23.1205 8.64 23.7365 8.712L23.7245 9.096C23.2365 9.088 22.8405 9.016 22.5365 8.88C22.2325 8.736 21.9405 8.52 21.6605 8.232C21.3885 7.944 20.7045 7.048 19.6085 5.544C18.8245 5.544 18.1125 5.52 17.4725 5.472V9H16.8965ZM19.2605 5.064C19.6125 5.064 19.9885 4.832 20.3885 4.368C20.7885 3.904 20.9885 3.368 20.9885 2.76C20.9885 2.144 20.7805 1.68 20.3645 1.368C19.9565 1.048 19.4125 0.887999 18.7325 0.887999C18.3725 0.887999 17.9525 0.903999 17.4725 0.935999V5.004C18.1125 5.044 18.7085 5.064 19.2605 5.064ZM29.9549 0.42L26.3069 4.572C26.7949 5.156 27.3549 5.808 27.9869 6.528C28.6269 7.248 29.0389 7.692 29.2229 7.86C29.4149 8.028 29.5629 8.156 29.6669 8.244C29.7789 8.324 29.9469 8.416 30.1709 8.52C30.3949 8.616 30.6349 8.68 30.8909 8.712L30.8789 9.096C30.3989 9.088 30.0029 9.016 29.6909 8.88C29.3789 8.736 29.1069 8.552 28.8749 8.328C28.6429 8.096 28.1349 7.536 27.3509 6.648C26.5749 5.752 25.9909 5.068 25.5989 4.596L29.2829 0.42H29.9549ZM25.3709 0.42V9H24.7949V0.42H25.3709ZM35.0683 9V6.24H31.0603V5.796L35.2363 0.348H35.6443V5.712H37.0123V6.24H35.6443V9H35.0683ZM35.0683 5.712V1.356L31.7083 5.712H35.0683ZM39.3626 1.788L39.3866 2.808V9H38.8106V0.348H39.0746L44.7266 6.864C45.1106 7.32 45.4066 7.684 45.6146 7.956C45.5826 7.572 45.5666 7.132 45.5666 6.636V0.42H46.1426V9.072H45.8786L40.1186 2.436C39.7186 1.98 39.4626 1.676 39.3506 1.524L39.3626 1.788ZM52.9946 0.804C51.9466 0.804 51.0906 1.18 50.4266 1.932C49.7626 2.684 49.4306 3.608 49.4306 4.704C49.4306 5.792 49.8066 6.716 50.5586 7.476C51.3106 8.236 52.2266 8.616 53.3066 8.616C54.2346 8.616 55.0066 8.488 55.6226 8.232V4.704H56.1986V8.496C55.5026 8.928 54.5266 9.144 53.2706 9.144C52.0226 9.144 50.9666 8.716 50.1026 7.86C49.2386 6.996 48.8066 5.944 48.8066 4.704C48.8066 3.456 49.1986 2.408 49.9826 1.56C50.7666 0.704 51.7706 0.275999 52.9946 0.275999C53.9546 0.275999 54.9266 0.435999 55.9106 0.756L55.7546 1.236C54.7946 0.948 53.8746 0.804 52.9946 0.804ZM62.8618 0.804C61.8138 0.804 60.9578 1.18 60.2938 1.932C59.6298 2.684 59.2978 3.608 59.2978 4.704C59.2978 5.792 59.6738 6.716 60.4258 7.476C61.1778 8.236 62.0938 8.616 63.1738 8.616C64.1018 8.616 64.8738 8.488 65.4898 8.232V4.704H66.0658V8.496C65.3698 8.928 64.3938 9.144 63.1378 9.144C61.8898 9.144 60.8338 8.716 59.9698 7.86C59.1058 6.996 58.6738 5.944 58.6738 4.704C58.6738 3.456 59.0658 2.408 59.8498 1.56C60.6338 0.704 61.6378 0.275999 62.8618 0.275999C63.8218 0.275999 64.7938 0.435999 65.7778 0.756L65.6218 1.236C64.6618 0.948 63.7418 0.804 62.8618 0.804Z" fill="white"/>
|
||
</svg>
|
||
<div class="name_container">
|
||
<div class="logo_name">For The Future</div>
|
||
</div>
|
||
</div>
|
||
|
||
<a href="##" class="to-top" onclick="scrollToElement('#')" aria-label="Scroll to Top" draggable="false">
|
||
<img src="img/up.webp" alt="scroll_top_button" draggable="false">
|
||
</a>
|
||
|
||
<div id="circle_1" class="circle"></div>
|
||
<div id="circle_2" class="circle"></div>
|
||
<div id="circle_3" class="circle"></div>
|
||
<div id="circle_4" class="circle"></div>
|
||
<div id="circle_5" class="circle"></div>
|
||
<div id="circle_6" class="circle"></div>
|
||
<div id="circle_7" class="circle"></div>
|
||
<div id="circle_8" class="circle"></div>
|
||
<div id="circle_9" class="circle"></div>
|
||
<div id="circle_10" class="circle"></div>
|
||
<div id="circle_11" class="circle"></div>
|
||
<div id="circle_12" class="circle"></div>
|
||
<div id="circle_13" class="circle"></div>
|
||
<div id="circle_14" class="circle"></div>
|
||
<div id="circle_15" class="circle"></div>
|
||
<div id="circle_16" class="circle"></div>
|
||
<div id="circle_17" class="circle"></div>
|
||
<div id="circle_18" class="circle"></div>
|
||
<div id="circle_19" class="circle"></div>
|
||
<div id="circle_20" class="circle"></div>
|
||
<div id="container_1">
|
||
<div class="top">
|
||
<header>
|
||
<nav>
|
||
<input type="checkbox" id="sidebar-active">
|
||
<label for="sidebar-active" class="open-sidebar-button">
|
||
<svg class="svg_icon_open" width="40px" height="40px" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><rect x="5" y="10" width="30" height="3" rx="2" ry="2"/><rect x="14" y="21" width="21" height="3" rx="2" ry="2"/></svg>
|
||
</label>
|
||
<label id="overlay" for="sidebar-active"></label>
|
||
<div class="links-container">
|
||
<label for="sidebar-active" class="close-sidebar-button">
|
||
<svg class="svg_icon_close" xmlns="http://www.w3.org/2000/svg" height="32" viewBox="0 -960 960 960" width="32"><path d="m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z"/></svg>
|
||
</label>
|
||
<!-- NOT IN TUTORIAL: The <a> tags are linked to the subpages -->
|
||
<a id='toskills' class="menu" href="#skills_" onclick="scrollToElement('skills_')" aria-label="Scroll to Skills" draggable="false">Skills</a>
|
||
<a id='togallery' class="menu" href="#tranding" onclick="scrollToElement('tranding')" aria-label="Scroll to Gallery" draggable="false">Gallery</a>
|
||
<a id='toservices' class="menu" href="#services" onclick="scrollToElement('services')" aria-label="Scroll to Services" draggable="false">Services</a>
|
||
<a id='tocontact' class="menu" href="#form_" onclick="scrollToElement('form_')" aria-label="Scroll to Contact" draggable="false">Contact</a>
|
||
</div>
|
||
</nav>
|
||
</header>
|
||
<div id="outone">
|
||
<div id="first">
|
||
<div id="first_">
|
||
<div id="container_0">
|
||
<h2 class="darkmode-ignore text_greeting_1">Hello, It's</h2>
|
||
<h2 class="darkmode-ignore text_greeting_2">Furkan Karlıoğlu</h2>
|
||
</div>
|
||
<div id="container_3">
|
||
<div class="darkmode-ignore container_0"><h1 class="h1">I'm a <span></span></h1></div>
|
||
</div>
|
||
</div>
|
||
<a class="darkmode-ignore home_scroll" href="#about_me" onclick="scrollToElement('about_me')" aria-label="Scroll to About Me" draggable="false">
|
||
<div class="home_scroll_box">
|
||
<label>
|
||
<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd"><path d="M11 21.883l-6.235-7.527-.765.644 7.521 9 7.479-9-.764-.645-6.236 7.529v-21.884h-1v21.883z"/></svg></label>
|
||
</div>
|
||
<span class="home_scroll_text" alt="scroll_about_button" aria-label="Scroll to About Me"></span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<p id="about_me" class="text_title">- About Me -</p>
|
||
<div class="container78">
|
||
<div class="image-container">
|
||
<div id="photo" onclick="switchPhoto()">
|
||
<div class="container_filter"></div>
|
||
<img src="img/profile_photo1.webp" alt="profile_photo" class="profile_photo" aria-label="Profile Photo" draggable="false">
|
||
<img src="img/character1.webp" alt="character_photo1" class="character_photo1" aria-label="AI Photo 1" draggable="false">
|
||
<img src="img/character2.webp" alt="character_photo2" class="character_photo2" aria-label="AI Photo 2" draggable="false">
|
||
<img src="img/character3.webp" alt="character_photo3" class="character_photo3" aria-label="AI Photo 3" draggable="false">
|
||
</div>
|
||
</div>
|
||
<div class="text_container">
|
||
<p id="animatedTextContainer"></p>
|
||
</div>
|
||
</div>
|
||
<div id="divides" class="divide_1"><div class="space"></div></div>
|
||
<div id="skills_" draggable="false">
|
||
<p class="text_title">- What I Work With -</p>
|
||
<div id="skills">
|
||
<div id="skills_bottom"></div>
|
||
<div class="one marquee-text" aria-label="What I Work With Section 1">
|
||
<div class="two marquee-text-track">
|
||
<p>Arduino</p>
|
||
<p>Firebase</p>
|
||
<p>MySQL</p>
|
||
<p>PyTorch</p>
|
||
<p>Linux</p>
|
||
<p>Kotlin</p>
|
||
<p aria-hidden="true">Arduino</p>
|
||
<p aria-hidden="true">Firebase</p>
|
||
<p aria-hidden="true">MySQL</p>
|
||
<p aria-hidden="true">PyTorch</p>
|
||
<p aria-hidden="true">Linux</p>
|
||
<p aria-hidden="true">Kotlin</p>
|
||
<p aria-hidden="true">Arduino</p>
|
||
<p aria-hidden="true">Firebase</p>
|
||
<p aria-hidden="true">MySQL</p>
|
||
<p aria-hidden="true">PyTorch</p>
|
||
<p aria-hidden="true">Linux</p>
|
||
<p aria-hidden="true">Kotlin</p>
|
||
<p aria-hidden="true">Arduino</p>
|
||
<p aria-hidden="true">Firebase</p>
|
||
<p aria-hidden="true">MySQL</p>
|
||
<p aria-hidden="true">PyTorch</p>
|
||
<p aria-hidden="true">Linux</p>
|
||
<p aria-hidden="true">Kotlin</p>
|
||
</div>
|
||
</div>
|
||
<div class="marquee-text" aria-label="What I Work With Section 2">
|
||
<div class="marquee-text-track">
|
||
<p>Python</p>
|
||
<p>Java</p>
|
||
<p>C++</p>
|
||
<p>C#</p>
|
||
<p>CSS</p>
|
||
<p>JavaScript</p>
|
||
<p>Electric Guitar</p>
|
||
<p>Drone Flying</p>
|
||
<p aria-hidden="true">Python</p>
|
||
<p aria-hidden="true">Java</p>
|
||
<p aria-hidden="true">C++</p>
|
||
<p aria-hidden="true">C#</p>
|
||
<p aria-hidden="true">CSS</p>
|
||
<p aria-hidden="true">JavaScript</p>
|
||
<p aria-hidden="true">Electric Guitar</p>
|
||
<p aria-hidden="true">Drone Flying</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div id="divides" class="divide_2"><div class="space"></div></div>
|
||
</div>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
<link rel="stylesheet" href="/CSS/unpkg.comswiper@8swiper-bundle.min.css"/>
|
||
<link rel="stylesheet" href="/CSS/2.css">
|
||
</head>
|
||
<body>
|
||
<section id="tranding">
|
||
<div class="container_a">
|
||
<h1 id="gallery_title" class="section-subheading">- Gallery -</h1>
|
||
<h1 id="gallery_body" class="section-heading darkmode-ignore">My Projects</h1>
|
||
</div>
|
||
<div class="container">
|
||
<div class="swiper tranding-slider">
|
||
<div class="swiper-wrapper">
|
||
<!-- Slide-start -->
|
||
<div id="swiper-slider" class="swiper-slide tranding-slide">
|
||
<div class="tranding-slide-img">
|
||
<div class="img_filter"></div>
|
||
<img id="photo_gallery" class="lazy-load" data-src="img/robotic.webp" alt="Tranding" draggable="false" aria-label="Gallery Photo 1"></div>
|
||
<div class="tranding-slide-content">
|
||
<div class="tranding-slide-content-bottom">
|
||
<span>2020</span>
|
||
<h2 class="project-name">
|
||
Robotic Coding
|
||
</h2></div></div></div>
|
||
<!-- Slide-end --><!-- Slide-start -->
|
||
<div id="swiper-slider" class="swiper-slide tranding-slide">
|
||
<div class="tranding-slide-img">
|
||
<div class="img_filter"></div>
|
||
<img id="photo_gallery" class="lazy-load" data-src="img/game.webp" alt="Tranding" draggable="false" aria-label="Gallery Photo 2"></div>
|
||
<div class="tranding-slide-content">
|
||
<div class="tranding-slide-content-bottom">
|
||
<span>2020</span>
|
||
<h2 class="project-name">
|
||
2D/3D Game Development
|
||
</h2></div></div></div>
|
||
<!-- Slide-end --><!-- Slide-start -->
|
||
<div id="swiper-slider" class="swiper-slide tranding-slide">
|
||
<div class="tranding-slide-img">
|
||
<div class="img_filter"></div>
|
||
<img id="photo_gallery" class="lazy-load" data-src="img/app.webp" alt="Tranding" draggable="false" aria-label="Gallery Photo 3"></div>
|
||
<div class="tranding-slide-content">
|
||
<div class="tranding-slide-content-bottom">
|
||
<span>2021</span>
|
||
<h2 class="project-name">
|
||
Mobile Application Development
|
||
</h2></div></div></div>
|
||
<!-- Slide-end --><!-- Slide-start -->
|
||
<div id="swiper-slider" class="swiper-slide tranding-slide">
|
||
<div class="tranding-slide-img">
|
||
<div class="img_filter"></div>
|
||
<img id="photo_gallery" class="lazy-load" data-src="img/web.webp" alt="Tranding" draggable="false" aria-label="Gallery Photo 4"></div>
|
||
<div class="tranding-slide-content">
|
||
<a class="tranding-slide-content-top" href='https://github.com/FURK4NGG/FURK4NGG.github.io' aria-label="Go to The Documents of Robotic Coding" draggable="false">
|
||
<svg class="documents" xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 16 16" id="copy"><path d="M4.00029246,4.08524952 L4,10.5 C4,11.8254834 5.03153594,12.9100387 6.33562431,12.9946823 L6.5,13 L10.9143985,13.000703 C10.7082819,13.5829319 10.1528467,14 9.5,14 L6,14 C4.34314575,14 3,12.6568542 3,11 L3,5.5 C3,4.84678131 3.41754351,4.29108512 4.00029246,4.08524952 Z M11.5,2 C12.3284271,2 13,2.67157288 13,3.5 L13,10.5 C13,11.3284271 12.3284271,12 11.5,12 L6.5,12 C5.67157288,12 5,11.3284271 5,10.5 L5,3.5 C5,2.67157288 5.67157288,2 6.5,2 L11.5,2 Z M11.5,3 L6.5,3 C6.22385763,3 6,3.22385763 6,3.5 L6,10.5 C6,10.7761424 6.22385763,11 6.5,11 L11.5,11 C11.7761424,11 12,10.7761424 12,10.5 L12,3.5 C12,3.22385763 11.7761424,3 11.5,3 Z"></path></svg></a>
|
||
<div class="tranding-slide-content-bottom">
|
||
<span>2022</span>
|
||
<h2 class="project-name">
|
||
Website Creation
|
||
</h2></div></div></div>
|
||
<!-- Slide-end --><!-- Slide-start -->
|
||
<div id="swiper-slider" class="swiper-slide tranding-slide">
|
||
<div class="tranding-slide-img">
|
||
<div class="img_filter"></div>
|
||
<img id="photo_gallery" class="lazy-load" data-src="img/cyber.webp" alt="Tranding" draggable="false" aria-label="Gallery Photo 5"></div>
|
||
<div class="tranding-slide-content">
|
||
<div class="tranding-slide-content-bottom">
|
||
<span>2023</span>
|
||
<h2 class="project-name">
|
||
Cyber Security
|
||
</h2></div></div></div>
|
||
<!-- Slide-end --><!-- Slide-start -->
|
||
<div id="swiper-slider" class="swiper-slide tranding-slide">
|
||
<div class="tranding-slide-img">
|
||
<div class="img_filter"></div>
|
||
<img id="photo_gallery" class="lazy-load" data-src="img/ai.webp" alt="Tranding" draggable="false" aria-label="Gallery Photo 6"></div>
|
||
<div class="tranding-slide-content">
|
||
<div class="tranding-slide-content-bottom">
|
||
<span>2024</span>
|
||
<h2 class="project-name">
|
||
AI Prompt Engineering
|
||
</h2></div></div></div>
|
||
<!-- Slide-end -->
|
||
</div>
|
||
<div class="tranding-slider-control">
|
||
<div class="swiper-button-prev slider-arrow" aria-label="Swipe to Image, Right"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M14 17a1 1 0 0 1-.707-.293l-4-4a1 1 0 0 1 0-1.414l4-4a1 1 0 1 1 1.414 1.414L11.414 12l3.293 3.293A1 1 0 0 1 14 17z" style="fill:#1c1b1e"/></svg></div>
|
||
<div class="swiper-button-next slider-arrow" aria-label="Swipe to Image, Left"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m14.707 12.707-4 4a1 1 0 0 1-1.414-1.414L12.586 12 9.293 8.707a1 1 0 1 1 1.414-1.414l4 4a1 1 0 0 1 0 1.414z" style="fill:#1c1b1e"/></svg></div>
|
||
<div class="swiper-pagination" aria-label="Image Picker Dots"></div>
|
||
</div></div>
|
||
</div>
|
||
</section>
|
||
<script type="module" src="/JAVASCRIPT/unpkg.comionicons@5.5.2distioniconsionicons.esm.js"></script>
|
||
<script nomodule src="/JAVASCRIPT/unpkg.comionicons@5.5.2distioniconsionicons.js"></script>
|
||
<script src="/JAVASCRIPT/unpkg.comswiper@8swiper-bundle.min.js"></script>
|
||
</body>
|
||
</html>
|
||
<div id="container_2">
|
||
<div id="divides" class="divide_3"><div class="space"></div></div>
|
||
<p id="services" class="text_title">- Services -</p>
|
||
<div id="services_" class="darkmode-ignore">
|
||
<div class="services_id"><p>Mobile App Development</p></div>
|
||
<div class="services_id"><p>Cyber Security</p></div>
|
||
<div class="services_id"><p>Prompt Engineering</p></div>
|
||
</div>
|
||
<div id="divides" class="divide_4"><div class="space"></div></div>
|
||
<div id="form_">
|
||
<html>
|
||
<form
|
||
action="https://formspree.io/f/xyyvprlo"
|
||
method="POST"
|
||
enctype="multipart/form-data">
|
||
<center><table>
|
||
<p id="form_title" class="text_title">- Contact me! -</p>
|
||
<div id='form_text'>
|
||
<p>For a fee quote for your project, to ask a question, or to say 'Hello!' contact me through my e-mail addresses or write to me through my social media addresses! I will get back to you as soon as possible.</div>
|
||
<div id='form'>
|
||
<tr>
|
||
<td><input type="text" name="person" style="width: 300px;height: 40px;padding-left: 10px;padding-right: 10px;" maxlength="41" placeholder="Name Surname" aria-label="Name Entry"/></td>
|
||
</tr>
|
||
<tr></tr>
|
||
<tr>
|
||
<td><input type="email" name="email" style="width: 300px;height: 40px;padding-left: 10px;padding-right: 10px;" maxlength="41" placeholder="Mail Adress" aria-label="Mail Entry"/></td>
|
||
</tr>
|
||
<tr></tr>
|
||
<tr>
|
||
<td><input type="text" name="konu" style="width: 300px;height: 50px;padding-left: 10px;padding-right: 10px;" maxlength="41" placeholder="Subject" aria-label="Subject Entry"/></td>
|
||
</tr>
|
||
<td></td>
|
||
<tr>
|
||
<td><textarea name="message" style="width: 300px;height: 160px;resize: none;padding: 10px 10px 7px;" maxlength="280" placeholder="Message" aria-label="Message Entry"></textarea></td>
|
||
</tr>
|
||
<tr></tr><tr></tr>
|
||
<tr>
|
||
<td id="submit" colspan="2" align="center"><button id="submit" colspan="2" align="center" class="button-send" role="button" aria-label="Send Button">Send</button>
|
||
</td>
|
||
</tr></div>
|
||
</table></center>
|
||
</form>
|
||
</html>
|
||
</div>
|
||
<footer>
|
||
<div id='footer_main'>
|
||
<div id="cc" draggable="false">© 2024 Furkan Karlıoğlu</div>
|
||
<div id="socialmedia">
|
||
<a class="main_a" href="https://www.instagram.com/furkan_css/" target="_blank" rel="noopener noreferrer nofollow" aria-label="Go to Instagram Profile" draggable="false"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/></svg></a>
|
||
<a class="main_a" href="https://discord.gg/ur9ZHAfbzr" target="_blank" rel="noopener noreferrer nofollow" aria-label="Go to Discord Page" draggable="false"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path d="M524.5 69.8a1.5 1.5 0 0 0 -.8-.7A485.1 485.1 0 0 0 404.1 32a1.8 1.8 0 0 0 -1.9 .9 337.5 337.5 0 0 0 -14.9 30.6 447.8 447.8 0 0 0 -134.4 0 309.5 309.5 0 0 0 -15.1-30.6 1.9 1.9 0 0 0 -1.9-.9A483.7 483.7 0 0 0 116.1 69.1a1.7 1.7 0 0 0 -.8 .7C39.1 183.7 18.2 294.7 28.4 404.4a2 2 0 0 0 .8 1.4A487.7 487.7 0 0 0 176 479.9a1.9 1.9 0 0 0 2.1-.7A348.2 348.2 0 0 0 208.1 430.4a1.9 1.9 0 0 0 -1-2.6 321.2 321.2 0 0 1 -45.9-21.9 1.9 1.9 0 0 1 -.2-3.1c3.1-2.3 6.2-4.7 9.1-7.1a1.8 1.8 0 0 1 1.9-.3c96.2 43.9 200.4 43.9 295.5 0a1.8 1.8 0 0 1 1.9 .2c2.9 2.4 6 4.9 9.1 7.2a1.9 1.9 0 0 1 -.2 3.1 301.4 301.4 0 0 1 -45.9 21.8 1.9 1.9 0 0 0 -1 2.6 391.1 391.1 0 0 0 30 48.8 1.9 1.9 0 0 0 2.1 .7A486 486 0 0 0 610.7 405.7a1.9 1.9 0 0 0 .8-1.4C623.7 277.6 590.9 167.5 524.5 69.8zM222.5 337.6c-29 0-52.8-26.6-52.8-59.2S193.1 219.1 222.5 219.1c29.7 0 53.3 26.8 52.8 59.2C275.3 311 251.9 337.6 222.5 337.6zm195.4 0c-29 0-52.8-26.6-52.8-59.2S388.4 219.1 417.9 219.1c29.7 0 53.3 26.8 52.8 59.2C470.7 311 447.5 337.6 417.9 337.6z"/></svg></a>
|
||
<a class="main_a" href="https://www.linkedin.com/in/furkan-karl%C4%B1o%C4%9Flu-71202b22a/" target="_blank" rel="noopener noreferrer nofollow" aria-label="Go to Linkedin Profile" draggable="false"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="100" height="100" viewBox="0 0 26 26">
|
||
<path d="M 21.125 0 L 4.875 0 C 2.183594 0 0 2.183594 0 4.875 L 0 21.125 C 0 23.816406 2.183594 26 4.875 26 L 21.125 26 C 23.816406 26 26 23.816406 26 21.125 L 26 4.875 C 26 2.183594 23.816406 0 21.125 0 Z M 8.039063 22.070313 L 4 22.070313 L 3.976563 9.976563 L 8.015625 9.976563 Z M 5.917969 8.394531 L 5.894531 8.394531 C 4.574219 8.394531 3.722656 7.484375 3.722656 6.351563 C 3.722656 5.191406 4.601563 4.3125 5.945313 4.3125 C 7.289063 4.3125 8.113281 5.191406 8.140625 6.351563 C 8.140625 7.484375 7.285156 8.394531 5.917969 8.394531 Z M 22.042969 22.070313 L 17.96875 22.070313 L 17.96875 15.5 C 17.96875 13.910156 17.546875 12.828125 16.125 12.828125 C 15.039063 12.828125 14.453125 13.558594 14.171875 14.265625 C 14.066406 14.519531 14.039063 14.867188 14.039063 15.222656 L 14.039063 22.070313 L 9.945313 22.070313 L 9.921875 9.976563 L 14.015625 9.976563 L 14.039063 11.683594 C 14.5625 10.875 15.433594 9.730469 17.519531 9.730469 C 20.105469 9.730469 22.039063 11.417969 22.039063 15.046875 L 22.039063 22.070313 Z"></path>
|
||
</svg></a></div>
|
||
</div>
|
||
</footer>
|
||
</div>
|
||
<script src="/JAVASCRIPT/gsap.min.js"></script>
|
||
<script src="/JAVASCRIPT/ionicons.esm.js"></script>
|
||
<script src="/JAVASCRIPT/ionicons.js"></script>
|
||
<script src="/JAVASCRIPT/swiper-bundle.min.js"></script>
|
||
<script src="/JAVASCRIPT/darkmode-js.min.js"></script>
|
||
<script src="/JAVASCRIPT/1.js"></script>
|
||
<script>
|
||
function isMobileDevice() {return /Mobi|Android/i.test(navigator.userAgent);}
|
||
window.onload = function() {
|
||
if (isMobileDevice()) {
|
||
var circles = document.getElementsByClassName('circle');
|
||
for (var i = 0; i < circles.length; i++) {circles[i].style.display = 'none';}}};
|
||
const darkmode = new Darkmode(options);
|
||
darkmode.showWidget();
|
||
</script>
|
||
</body>
|
||
</html>
|