-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathaboutpage.html
68 lines (65 loc) · 2.16 KB
/
aboutpage.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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8" />
<title>About Taner</title>
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/profilestyle.css" />
</head>
<body>
<div class="top-container">
<h1><em>I'm Taner</em></h1>
<div class="myImage">
<a href="#">
<img
class="profile-picture"
src="images/taner.jpg"
alt="Taner's Profile Picture"
height="260px"
width="265px" />
</a>
</div>
<div class="middle-container">
<div class="profile" id="profile">
<h2 class="myHeader"><strong>Who Am I? What Do I Do?</strong></h2>
<p>
I'm a passionate computer engineer from Bursa, Turkey, with a strong
interest in software and computer technologies.
</p>
<p>
Currently, I am focused on back-end web development using
cutting-edge technologies such as
<em>Node.js, GraphQL, React.js</em>, and other related tools.
</p>
<p>
If you have a project that requires my skills and expertise, I would
be delighted to hear from you. I am always eager to learn and share
my knowledge with others because I believe that collaboration is the
key to achieving great results.
</p>
<p>
As a naturally curious person, I thrive on the creative process and
enjoy finding innovative solutions to complex problems.
</p>
</div>
<div class="skill-row">
<h2 class="myHeader">Interests & Hobbies</h2>
<p>🪐 Researching New Technologies</p>
<p>🎬 Reading Movie Reviews</p>
</div>
</div>
</div>
<div class="contact-me">
<div id="contact-container">
<!-- Contact content will be fetched here -->
</div>
</div>
<script>
fetch("contact.html")
.then((response) => response.text())
.then((data) => {
document.getElementById("contact-container").innerHTML = data;
});
</script>
</body>
</html>