-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtest.html
174 lines (161 loc) · 9.63 KB
/
test.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
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-5W5SWP43');</script>
<!-- End Google Tag Manager -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Diego's Portfolio - Web Developer & Marketeer</title>
<meta name="description" content="Hi there! I'm Diego, a Web Developer and Marketeer based in Amsterdam. Discover modern, user-friendly websites and projects, and read insightful blogs on SEO, web scraping, and more.">
<meta property="og:title" content="Diego's Portfolio - Web Developer & Marketeer">
<meta property="og:description" content="Explore the portfolio of Diego, a Web Developer and Marketeer based in Amsterdam. Discover modern, user-friendly websites and projects, and read insightful blogs on SEO, web scraping, and more.">
<meta property="og:image" content="https://seijmonsbergen.com/wp-content/uploads/2021/10/9618C311-AA12-42FA-85BE-204F41A2CF04-removebg.png">
<meta property="og:url" content="https://diego9621.github.io/">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="stylesheet" href="styles.min.css"> <!-- Minified CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
<link rel="canonical" href="https://diego9621.github.io/">
<!-- Clarity tracking code for https://diego9621.github.io/ -->
<script> (function(c,l,a,r,i,t,y){ c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)}; t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i+"?ref=bwt"; y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y); })(window, document, "clarity", "script", "mjibm6fhmm");</script>
<!-- Google site verification -->
<meta name="google-site-verification" content="pxUf802VTAASjqVZvlySS0cyPYUlPphLGaAmWqLu3V8">
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5W5SWP43"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<header>
<nav>
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#projects">Projects</a></li>
<li><a href="#blog">Blog</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
</header>
<main>
<section id="home">
<div class="intro">
<h1>Hi! I'm Diego 👋🏻</h1>
<h2>Web Developer & Marketeer</h2>
<p class="tagline">Crafting modern, user-friendly websites with passion and creativity.</p>
<a href="#projects" class="cta-button">View Projects</a>
</div>
</section>
<section id="about">
<h2>About Me</h2>
<div class="about-content">
<img src="profielfoto.webp" alt="Diego, Web Developer & Marketeer" class="profile-photo" loading="lazy">
<div class="about-text">
<p>I'm a creative web developer based in Amsterdam, specializing in building and designing exceptional digital experiences. With a passion for both coding and design, I bring ideas to life through modern, user-friendly websites.</p>
<ul>
<li><strong>Skills:</strong> HTML, CSS, JavaScript, React, SEO, Figma</li>
<li><strong>Experience:</strong> 3+ years of professional web development</li>
<li><strong>Interests:</strong> Design, Photography, Tech Blogging</li>
</ul>
<a href="#contact" class="cta-button">Contact Me</a>
</div>
</div>
</section>
<section id="projects">
<h2>Projects I'm working on</h2>
<div class="projects-grid">
<div class="project-card">
<h3>Scraping a large set of products</h3>
<p>This project I'm working on involves scraping an online wholesale company. The data contains images, prices, and descriptions.</p>
<a href="cornerstone-webscraping-1.html" class="project-link">View Project</a>
</div>
<div class="project-card">
<h3>Internship Online Flower Wholesaler</h3>
<p>At iBuyFlowers I'm working on improving the SEO and increase traffic. Find out more at:</p>
<a href="https://ibuyflowers.com" class="project-link" target="_blank" aria-label="Visit iBuyFlowers website">iBuyFlowers</a> <!-- Replace with actual URL -->
</div>
</div>
</section>
<section id="blog">
<h2>Blog</h2>
<div class="blog-grid">
<article class="blog-post">
<img src="research.webp" alt="How to start with SEO?">
<h3>How to start with SEO?🤔</h3>
<p>SEO is crucial for online visibility. Learn the basics of SEO and how you can use it to improve your website's ranking.</p>
<a href="blog-seo.html" class="read-more" aria-label="Learn the SEO basics">Learn the SEO basics</a>
</article>
<article class="blog-post">
<h3>Web Scraping Using Python</h3>
<p>Learn how to collect data from websites using Python with practical examples and code snippets you can copy.</p>
<a href="blog-webscraping.html" class="read-more">Learn Scraping with Python</a>
</article>
<article class="blog-post">
<h3>Top 10 Tools to Enhance Your Website's SEO🛠️</h3>
<p>Discover the best tools to supercharge your SEO strategy and boost your website's search rankings.</p>
<a href="blog-seo-tools.html" class="read-more">Read More</a>
</article>
<article class="blog-post">
<h3>Web Scraping Using Python for Beginners: Explained Easily</h3>
<p>A comprehensive guide on web scraping using Python, perfect for beginners looking to collect data from the web.</p>
<a href="scraping.html" class="read-more">Read More</a>
</article>
<article class="blog-post">
<h3>How to Create Evergreen Content to Boost Your Blog Traffic?</h3>
<p>Learn how to create evergreen content that drives consistent traffic and boosts your blog's SEO. Learn key strategies, examples, and best practices for lasting online success.</p>
<a href="how-to-create-evergreen-content.html" class="read-more">Lasting online success</a>
</article>
</div>
<br>
<a href="blog.html" class="cta-button">View More</a>
</section>
<section id="contact">
<h2>Contact</h2>
<form id="contactForm">
<input type="text" name="name" placeholder="Your Name" required>
<input type="email" name="email" placeholder="Your Email" required>
<textarea name="message" placeholder="Your Message" required></textarea>
<button type="submit">Send</button>
</form>
<script>
document.getElementById('contactForm').addEventListener('submit', async function (event) {
event.preventDefault();
const formData = new FormData(event.target);
try {
const response = await fetch('contact.php', {
method: 'POST',
body: formData,
});
const result = await response.json();
if (result.success) {
alert('Message sent successfully!');
event.target.reset();
} else {
alert('Error sending message. Please try again!');
}
} catch (error) {
console.error('Error:', error);
alert('An error occurred. Please try again later.');
}
});
</script>
</section>
</main>
<footer>
<ul class="social-links">
<li><a href="https://github.com/diego9621" target="_blank" aria-label="GitHub Profile"><i class="fab fa-github"></i> GitHub</a></li>
<li><a href="https://linkedin.com/in/diego9621" target="_blank" aria-label="LinkedIn Profile"><i class="fab fa-linkedin"></i> LinkedIn</a></li>
<li><a href="https://twitter.com/Tolkienize" target="_blank" aria-label="Twitter Profile"><i class="fab fa-twitter"></i> Twitter</a></li>
</ul>
<p>© Diego 2024 | All Rights Reserved</p>
</footer>
<script src="scripts.min.js" defer></script> <!-- Minified and deferred JS -->
</body>
</html>