generated from S3ak/fed1-exam-vanilla-frontend-website
-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
142 lines (115 loc) · 4.88 KB
/
about.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
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Hotjar Tracking Code for CodeBuzz -->
<script>
(function(h,o,t,j,a,r){
h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
h._hjSettings={hjid:3517308,hjsv:6};
a=o.getElementsByTagName('head')[0];
r=o.createElement('script');r.async=1;
r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
a.appendChild(r);
})(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
</script>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/golden-logo.png" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content=" About us - A blog by developerss, for developers" />
<meta
name="keywords"
content="HTML, CSS, JavaScript, CodeBuzz, Blog, Tech, Web Development, Web Design, Frontend, Backend, Fullstack, Software Engineer, Software Developer, Software, Engineer, Developer, Programming, Code, Coding, Learn, Learning, Tutorial, Tutorials, About Me Page"
/>
<meta name="author" content="AlexVedt" />
<link rel="stylesheet" href="/style.css" />
<link rel="stylesheet" href="node_modules/@glidejs/glide/dist/css/glide.core.min.css">
<link rel="stylesheet" href="node_modules/@glidejs/glide/dist/css/glide.theme.min.css">
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
/> <script type="module" defer src="/js/header.js"></script>
<script type="module" defer src="/js/footer.js"></script>
<title>About</title>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"
/>
</head>
<body class="animate__animated animate__fadeIn">
<!--header from here -->
<header class="l-header">
<div class="container">
<div class="subcontainer">
<nav class="navbar">
<a href="/index.html" class="nav-branding" ><img class="logo" src="/assets/images-exam/white-trans-logo.png" alt="Logo-CodeBuzz"></a>
<ul class="nav-menu">
<li class="nav-item">
<a href="/index.html">Home</a>
</li>
<li class="nav-item">
<a href="/about.html">About</a>
</li>
<li class="nav-item">
<a href="/contact.html">Contact</a>
</li>
</ul>
<div class="hamburger">
<span class="bar"></span>
<span class="bar"></span>
<span class="bar"></span>
</div>
</nav>
</div>
</div>
</header>
<!--body from here -->
<main class="l-main">
<div class="about-container">
<div class="image-container animate__animated animate__fadeInLeft">
<img class="about-img" src="/assets/images-exam/js-prgrammer.jpg" alt="Programming man with javascript logo"></img>
</div>
<div class="about-text animate__animated animate__fadeInRight">
<p class="about-p">Welcome to my coding blog! I'm Alex Vedt, a passionate coder and tech enthusiast. This blog is my platform to share insights, tips, and tutorials on various programming languages, web development, and software engineering.
<br> <br> Coding has always intrigued me. It's a creative outlet where problem-solving meets innovation. Through this blog, I hope to inspire fellow coders, whether beginners or experienced developers, to embrace the endless possibilities of coding.
<br> <br> Join me on this exciting journey as we explore new technologies, discuss best practices, and dive into the world of coding. Let's learn, grow, and create together.
<br> <br> <br> <span>Happy coding!</span>
<br> <span>Alex Vedt.</span></p>
</div>
</div>
<footer class="l-footer">
<div class="footer-container">
<div id="text"><div id="text">
<div class="line">
<p class="word">I'm</p>
<p class="word">AlexVedt</p>
</div>
<div class="line">
<p class="word">Find Me</p>
<p class="word">@</p>
</div>
<div class="line">
<p class="word">Github</p>
</div>
<div class="line">
<a
id="channel-link"
href="https://github.com/alexvedt"
target="_blank"
class="word fancy"
>
@AlexVedt
</a>
</div>
</div>
</div>
<small>Terms and conditions apply.</small>
</div>
</footer>
</div>
</main>
<!--footer from here -->
</body>
</html>