index.html

<html lang="en">

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<link rel="stylesheet" type="text/css" href="cid:css-d02189c6-3587-4a4a-9216-3bc9bbd727e0@mhtml.blink">
	<meta name="viewport" content="width=device-width">
	<meta name="keywords" content="Remote fullstack web app dev contractor in Edmonton Alberta">
	<meta property="og:title" content="Darren Semotiuk - Full-Stack Web Application Developer in Edmonton, Alberta, Canada">
	<meta property="og:image" content="/favicon.png">
	
  <link rel="preconnect" href="https://fonts.googleapis.com/">
	<link rel="preconnect" href="https://fonts.gstatic.com/">
	<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500;600;700&amp;display=swap" rel="stylesheet" data-optimized-fonts="true">
	<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&amp;display=swap" rel="stylesheet" data-optimized-fonts="true">
	<link href="https://fonts.googleapis.com/css2?family=Noto+Serif+Vithkuqi:wght@400;500;600;700&amp;display=swap" rel="stylesheet" data-optimized-fonts="true">
	<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&amp;display=swap" rel="stylesheet" data-optimized-fonts="true">
	<link href="https://fonts.googleapis.com/css2?family=Noto+Serif:wght@100;200;300;400;500&amp;display=swap" rel="stylesheet" data-optimized-fonts="true">
	<link href="https://fonts.googleapis.com/css2?family=Fira+Sans:wght@100;200;300;400&amp;display=swap" rel="stylesheet" data-optimized-fonts="true">
	<link href="https://fonts.googleapis.com/css2?family=Literata:opsz,wght@7..72,200;7..72,300;7..72,400;7..72,500;7..72,600;7..72,700&amp;display=swap" rel="stylesheet" data-optimized-fonts="true">

	<link rel="icon" href="./favicon.png">
	<meta name="next-head-count" content="15">

	<link rel="preload" href="./f1c58aff6265349b.css" as="style">
	<link rel="stylesheet" href="./f1c58aff6265349b.css" data-n-g="">

	<link rel="preload" href="./665f4d0a2b8e4f15.css" as="style">
	<link rel="stylesheet" href="./665f4d0a2b8e4f15.css" data-n-p="">

	<link rel="preload" href="./abde14fd71572fc6.css" as="style">
	<link rel="stylesheet" href="./abde14fd71572fc6.css" data-n-p="">

	<title>Darren Semotiuk - Full-Stack Web Application Developer in Edmonton, Alberta, Canada</title>
</head>

<body class="vsc-initialized">
	<div id="__next">
		<div>
			<main style="margin: 0px;">
				<div class="Template_site-wrapper__XLEpB">
					<div class="Template_editHoverContainer__1bqyO" style="position: relative;">
						<nav class="Template_live__IpybO Template_navbar__G7Q4k Template_scrolled__o8kH1" style="color: rgb(255, 255, 255); background: rgb(0, 0, 255);">
							<div class="Template_nav-container__zvKwI" style="margin-left: 0px; color: rgb(255, 255, 255);">
								<div class="Template_header-logo__BNuGW Template_scrolled__o8kH1" style="color: rgb(255, 255, 255);">DARREN SEMOTIUK</div>

								<div style="position: absolute; right: 0px;">

                  <a href="https://DarrenSem.github.io/" target="_blank" style="text-decoration: none; color: rgb(33, 37, 41);">

                    <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 16 16" height="24" width="24" xmlns="http://www.w3.org/2000/svg" style="color: rgb(255, 255, 255); margin: 0px 10px; display: none;">
											<path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z"></path>
										</svg>
                  </a>

                    <a href="https://DarrenSem.github.io/" target="_blank" style="text-decoration: none; color: rgb(33, 37, 41);">

                      <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 16 16" height="24" width="24" xmlns="http://www.w3.org/2000/svg" style="color: rgb(255, 255, 255); margin: 0px 10px; display: none;">
  											<path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"></path>
										  </svg>
                    </a>

                    <a href="https://DarrenSem.github.io/" target="_blank" style="text-decoration: none; color: rgb(33, 37, 41);">

                      <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 16 16" height="24" width="24" xmlns="http://www.w3.org/2000/svg" style="color: rgb(255, 255, 255); margin: 0px 10px; display: none;">
											<path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z"></path>
										</svg></a>

                    <a href="https://DarrenSem.github.io/" target="_blank" style="text-decoration: none; color: rgb(33, 37, 41);">

                      <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 16 16" height="24" width="24" xmlns="http://www.w3.org/2000/svg" style="color: rgb(255, 255, 255); margin: 0px 10px; display: none;">
											<path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4z"></path>
										</svg></a></div>
							</div>
						</nav>
					</div>
					<div class="MainSection_variation7Container__LbIgt" style="height: 100vh; display: flex; align-items: center; column-gap: 50px;">
						<div class="MainSection_variation7TextContainer__vPpGv" style="flex: 1 1 0%;">
							<div>
								<div class="Template_editHoverContainer__1bqyO " style="position: relative; z-index: 2; width: 100%; heXight: 100%;">
									<h1 class="Template_hero-heading__AVQqf" style="color: inherit; text-align: inherit;">
										<p>&nbsp;</p>
										<p>&nbsp;</p>
										<p>&nbsp;</p>
										<p>&nbsp;</p>
										<p>Robust and Elegant Full-Stack Web Application Development</p>
										<p>&nbsp;</p>
									</h1>
								</div>
								<div class="Template_editHoverContainer__1bqyO " style="position: relative; z-index: 2; width: 100%; height: 100%;">
									<p class="Template_hero-subtexts__CLvMS" style="color: inherit;"></p>
									<p>👋 Hello World! My name is Darren. I provide high-quality full-stack web app development services remotely from Edmonton, Alberta. I bring expert knowledge and a commitment to delivering exceptional coding solutions. I am the go-to contractor for organizations and businesses seeking a reliable and skilled developer. With elegance in the code. 🎨</p>
									<p></p>
								</div>
							</div>
						</div>
						<div class="MainSection_variation7ImgContainer__Ycrjq">

              <div class="bgImg" style="background-image: url(&quot;./photo-1655056029112-6662ac681a57.jpg&quot;); height: 100%;">

								<div class="MainSection_variation7ImgOverlay__QqoaI" style="height: 100%; border-radius: inherit;">
									<div class="Template_editHoverContainer__1bqyO " style="position: relative; z-index: 1; width: 100%; height: 100%;"></div>
								</div>
							</div>
						</div>
					</div>
					<div class="SectionContainer_container__K2rSV">
						<div style="opacity: 1;">
							<div>
								<div>
									<div style="margin-top: 40px;">
										<div class="Template_editHoverContainer__1bqyO " style="position: relative; z-index: 1; width: 100%;">
											<h3 class="Template_heading__BQOre">Features</h3>
										</div>
										<div class="Template_editHoverContainer__1bqyO " style="position: relative; z-index: 1; width: 100%; height: 100%;">
											<div style="display: flex; flex-direction: row; align-items: center;">

                        <div style="flex: 1 1 0%; height: 480px; width: 100%; background-image: url(&quot;./photo-1498050108023-c5249f4df085.jpg&quot;); background-size: cover; background-position: center center;">

													<div class="Template_editHoverContainer__1bqyO " style="position: relative; z-index: 1; width: 100%; height: 100%;"></div>
												</div>
												<div style="flex: 1 1 0%;">
													<div class="Template_featuresTextWrapper_var_1__yO2jd" style="padding: 0px 20px; max-width: 550px; margin: 0px auto;">
														<div class="Template_editHoverContainer__1bqyO " style="position: relative; z-index: 1; width: 100%; height: 100%;">
															<h2 class="Template_features_subtitle__JtjZE">
																<p>Expert Coder</p>
															</h2>
															<p class="Template_features_description__YrBL7"></p>
															<p>I am highly skilled in various programming languages and frameworks. With years of experience, I bring extensive knowledge and expertise to every project.</p>
															<p></p>
														</div>
													</div>
												</div>
											</div>
										</div>
										<div class="Template_editHoverContainer__1bqyO " style="position: relative; z-index: 1; width: 100%; height: 100%;">
											<div style="display: flex; flex-direction: row-reverse; align-items: center;">

                       <div style="flex: 1 1 0%; height: 480px; width: 100%; background-image: url(&quot;./photo-1608638983631-fba62ff1074c.jpg&quot;); background-size: cover; background-position: center center;">

													<div class="Template_editHoverContainer__1bqyO " style="position: relative; z-index: 1; width: 100%; height: 100%;"></div>
												</div>
												<div style="flex: 1 1 0%;">
													<div class="Template_featuresTextWrapper_var_1__yO2jd" style="padding: 0px 20px; max-width: 550px; margin: 0px auto;">
														<div class="Template_editHoverContainer__1bqyO " style="position: relative; z-index: 1; width: 100%; height: 100%;">
															<h2 class="Template_features_subtitle__JtjZE">
																<p>Custom Solutions</p>
															</h2>
															<p class="Template_features_description__YrBL7"></p>
															<p>I believe in delivering custom solutions that perfectly fit a client's unique requirements. My coding solutions are tailor-made to ensure maximum efficiency and effectiveness. With elegance.</p>
															<p></p>
														</div>
													</div>
												</div>
											</div>
										</div>
										<div class="Template_editHoverContainer__1bqyO " style="position: relative; z-index: 1; width: 100%; height: 100%;">
											<div style="display: flex; flex-direction: row; align-items: center;">

                        <div style="flex: 1 1 0%; height: 480px; width: 100%; background-image: url(&quot;./photo-1548391028-12c31451d26e.jpg&quot;); background-size: cover; background-position: center center;">

													<div class="Template_editHoverContainer__1bqyO " style="position: relative; z-index: 1; width: 100%; height: 100%;"></div>
												</div>
												<div style="flex: 1 1 0%;">
													<div class="Template_featuresTextWrapper_var_1__yO2jd" style="padding: 0px 20px; max-width: 550px; margin: 0px auto;">
														<div class="Template_editHoverContainer__1bqyO " style="position: relative; z-index: 1; width: 100%; height: 100%;">
															<h2 class="Template_features_subtitle__JtjZE">
																<p>Timely Delivery</p>
															</h2>
															<p class="Template_features_description__YrBL7"></p>
															<p>I understand the importance of meeting deadlines. I am dedicated to delivering projects on time without compromising on quality. Frequently interacting with the client is an important part of application development -- and genuinely one of my favorite parts.</p>
															<p></p>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="SectionContainer_container__K2rSV">
						<div style="opacity: 1;">
							<div>
								<div>
									<div class="Template_section__2XKNa">
										<div class="Template_container__zeSEL">
											<div class="Template_pt0__R0rQO Template_pb5__3mJsa">
												<div>
													<div data-aos="fade-up">
														<div class="Template_editHoverContainer__1bqyO" style="position: relative;">
															<div class="Template_editHoverContainer__1bqyO " style="position: relative; z-index: 1; width: 100%;">
																<h3 class="Template_heading__BQOre">Services</h3>
															</div>
														</div>
													</div>
												</div>
											</div>
											<div class="Template_services_container__cvRD2">
												<div class="Template_column__nTQM9" data-aos="fade-up" data-aos-delay="0">
													<div class="Template_editHoverContainer__1bqyO " style="position: relative; z-index: 1; width: 100%; height: 100%;">
														<div class="Template_testimonial_card__GI4cn">
															<div class="Template_editHoverContainer__1bqyO" style="position: relative;">
																<div class="Template_editHoverContainer__1bqyO " style="position: relative; z-index: 1; width: 100%;">

                                  <img alt="Image" loading="lazy" width="150" height="150" decoding="async" data-nimg="1" class="img-circle" src="./photo-1591875691985-8844073b0853.jpg" style="color: transparent;">

                                </div>
															</div>
															<div class="Template_editHoverContainer__1bqyO " style="position: relative; z-index: 1; width: 100%;">
																<div style="position: relative;">
																	<h3 class="Template_services_var_4_card_heading__tzqMY" style="font-size: 20px;">
																		<p>Custom Web App Development</p>
																	</h3>
																	<p class="Template_services_var_4_description__GTm_T"></p>
																	<p>My professional full-stack web app development services cater to clients in Edmonton and beyond. I am passionate about providing customized web app development services designed to meet the unique requirements of your organization or business.</p>
																	<p></p>
																</div>
															</div>
														</div>
													</div>
												</div>
												<div class="Template_column__nTQM9" data-aos="fade-up" data-aos-delay="100">
													<div class="Template_editHoverContainer__1bqyO " style="position: relative; z-index: 1; width: 100%; height: 100%;">
														<div class="Template_testimonial_card__GI4cn">
															<div class="Template_editHoverContainer__1bqyO" style="position: relative;">
																<div class="Template_editHoverContainer__1bqyO " style="position: relative; z-index: 1; width: 100%;">

                                  <img alt="Image" loading="lazy" width="150" height="150" decoding="async" data-nimg="1" class="img-circle" src="./photo-1643212575446-fa83eb0cd4be.jpg" style="color: transparent;">

                                </div>
															</div>
															<div class="Template_editHoverContainer__1bqyO " style="position: relative; z-index: 1; width: 100%;">
																<div style="position: relative;">
																	<h3 class="Template_services_var_4_card_heading__tzqMY" style="font-size: 20px;">
																		<p>Remote Full-Stack Web App Development</p>
																	</h3>
																	<p class="Template_services_var_4_description__GTm_T"></p>
																	<p>I provide high-quality full-stack web app development services remotely. Located in Edmonton, Alberta, I am the go-to contractor for organizations or businesses seeking a reliable and skilled coder. I bring expert knowledge and a commitment to delivering exceptional coding solutions.</p>
																	<p></p>
																</div>
															</div>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>

					<!-- div class="SectionContainer_container__K2rSV">
						<div style="opacity: 1;">
							<div>
								<div>
									<div style="margin-top: 40px;">
										<div class="Template_editHoverContainer__1bqyO " style="position: relative; z-index: 1; width: 100%; height: 100%;">
											<h3 class="Template_heading__BQOre">Testimonials</h3>
										</div>
										<div class="Testimonials1_container__6PSRJ" style="display: flex; justify-content: center; flex-wrap: wrap;">
											<div class="Testimonials1_itemContaier__FryB6" style="background-color: rgb(255, 255, 255); max-width: 400px; padding: 60px 40px;">
												<div class="Template_editHoverContainer__1bqyO " style="position: relative; z-index: 1; width: 100%; height: 100%;">
													<div style="display: flex; justify-content: center; margin-bottom: 40px;"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="20" width="20" xmlns="http://www.w3.org/2000/svg">
															<path d="M464 256h-80v-64c0-35.3 28.7-64 64-64h8c13.3 0 24-10.7 24-24V56c0-13.3-10.7-24-24-24h-8c-88.4 0-160 71.6-160 160v240c0 26.5 21.5 48 48 48h128c26.5 0 48-21.5 48-48V304c0-26.5-21.5-48-48-48zm-288 0H96v-64c0-35.3 28.7-64 64-64h8c13.3 0 24-10.7 24-24V56c0-13.3-10.7-24-24-24h-8C71.6 32 0 103.6 0 192v240c0 26.5 21.5 48 48 48h128c26.5 0 48-21.5 48-48V304c0-26.5-21.5-48-48-48z"></path>
														</svg></div>
													<div class="Template_editHoverContainer__1bqyO " style="position: relative; z-index: 1; width: 100%;">
														<h4 class="text" style="text-align: center;">
															<p>First L: TODO</p>
														</h4>
														<p class="text-p" style="margin-top: 10px; text-align: center; font-size: 1.2rem;"></p>
														<p>TODO: X exceeded all our expectations with their exceptional coding skills. They delivered our web app on time and with outstanding quality.</p>
														<p></p>
													</div>
												</div>
											</div>
											<div class="Testimonials1_itemContaier__FryB6" style="background-color: rgb(255, 255, 255); max-width: 400px; padding: 60px 40px;">
												<div class="Template_editHoverContainer__1bqyO " style="position: relative; z-index: 1; width: 100%; height: 100%;">
													<div style="display: flex; justify-content: center; margin-bottom: 40px;"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="20" width="20" xmlns="http://www.w3.org/2000/svg">
															<path d="M464 256h-80v-64c0-35.3 28.7-64 64-64h8c13.3 0 24-10.7 24-24V56c0-13.3-10.7-24-24-24h-8c-88.4 0-160 71.6-160 160v240c0 26.5 21.5 48 48 48h128c26.5 0 48-21.5 48-48V304c0-26.5-21.5-48-48-48zm-288 0H96v-64c0-35.3 28.7-64 64-64h8c13.3 0 24-10.7 24-24V56c0-13.3-10.7-24-24-24h-8C71.6 32 0 103.6 0 192v240c0 26.5 21.5 48 48 48h128c26.5 0 48-21.5 48-48V304c0-26.5-21.5-48-48-48z"></path>
														</svg></div>
													<div class="Template_editHoverContainer__1bqyO " style="position: relative; z-index: 1; width: 100%;">
														<h4 class="text" style="text-align: center;">
															<p>John Smith</p>
														</h4>
														<p class="text-p" style="margin-top: 10px; text-align: center; font-size: 1.2rem;"></p>
														<p>TODO: We are extremely satisfied with the e-commerce website developed by X. The team provided excellent support throughout the development process and delivered a website that exceeded our expectations.</p>
														<p></p>
													</div>
												</div>
											</div>
											<div class="Testimonials1_itemContaier__FryB6" style="background-color: rgb(255, 255, 255); max-width: 400px; padding: 60px 40px;">
												<div class="Template_editHoverContainer__1bqyO " style="position: relative; z-index: 1; width: 100%; height: 100%;">
													<div style="display: flex; justify-content: center; margin-bottom: 40px;"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="20" width="20" xmlns="http://www.w3.org/2000/svg">
															<path d="M464 256h-80v-64c0-35.3 28.7-64 64-64h8c13.3 0 24-10.7 24-24V56c0-13.3-10.7-24-24-24h-8c-88.4 0-160 71.6-160 160v240c0 26.5 21.5 48 48 48h128c26.5 0 48-21.5 48-48V304c0-26.5-21.5-48-48-48zm-288 0H96v-64c0-35.3 28.7-64 64-64h8c13.3 0 24-10.7 24-24V56c0-13.3-10.7-24-24-24h-8C71.6 32 0 103.6 0 192v240c0 26.5 21.5 48 48 48h128c26.5 0 48-21.5 48-48V304c0-26.5-21.5-48-48-48z"></path>
														</svg></div>
													<div class="Template_editHoverContainer__1bqyO " style="position: relative; z-index: 1; width: 100%;">
														<h4 class="text" style="text-align: center;">
															<p>First L: TODO</p>
														</h4>
														<p class="text-p" style="margin-top: 10px; text-align: center; font-size: 1.2rem;"></p>
														<p>TODO: X developed a user-friendly and feature-rich mobile app that perfectly matched our requirements. Their attention to detail and timely communication made the entire process seamless.</p>
														<p></p>
													</div>
												</div>
											</div>
										</div>
										<div style="position: relative;"></div>
									</div>
								</div>
							</div>
						</div>
					</div -->

					<div class="SectionContainer_container__K2rSV">
						<div style="opacity: 1;">
							<div class="Template_section__2XKNa Template_section_spacing__kKCSr goals" style="background: url(&quot;./about_us_bg.jpg&quot;) center center / cover no-repeat; z-index: 1;">
							<!-- div class="Template_section__2XKNa Template_section_spacing__kKCSr goals" style="z-index: 1;" -->
								<div class="Template_container__zeSEL">
									<div class="Template_editHoverContainer__1bqyO" style="position: relative;"></div>
									<div class="Template_editHoverContainer__1bqyO " style="background-color: rgb(255, 255, 255); padding: 50px; border-radius: 5px; margin-top: 2rem; position: relative;">
										<div class="Template_editHoverContainer__1bqyO" style="position: relative;">
											<h3 class="Template_heading__BQOre">
												<p>What I stand for</p>
											</h3>
										</div>
										<p class="Template_aboutus_body__K3Y7C" style="margin-bottom: 0px;"></p>
										<p>I am an experienced programmer specializing in remote full-stack web app development. As a dedicated coder who is passionate about elegant solutions, I deliver cutting-edge solutions tailored to meet my clients' unique needs. My commitment to quality and customer satisfaction sets me apart in the industry.</p>
										<p></p>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="SectionContainer_container__K2rSV">
						<div style="opacity: 1;">
							<div>
								<div class="Template_section__2XKNa Template_section_spacing__kKCSr faq" style="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);">
									<div class="Template_container__zeSEL">
										<div class="Template_editHoverContainer__1bqyO " style="position: relative; z-index: 1; width: 100%;">
											<div>
												<h3 class="Template_heading__BQOre">Frequently Asked Questions</h3>
											</div>
										</div>
									</div>
									<div class="Template_container__zeSEL">
										<div class="Template_editHoverContainer__1bqyO " style="position: relative; z-index: 1; width: 100%;">
											<div class="mt-3 Template_faqWrapper__O7Goy" style="border-bottom: 1px solid rgb(189, 172, 172);">
												<div style="display: flex; justify-content: space-between;"><button style="background-color: transparent; border: none; z-index: 1; padding: 0px; color: rgb(0, 0, 0);">
														<h4 class="Template_faq_question_text__OICTW" style="text-align: left;">
															<p>What technologies do you work in?</p>
														</h4>
													</button><button style="background-color: transparent; border: none; z-index: 1; color: rgb(0, 0, 0);"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 16 16" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">
															<path fill-rule="evenodd" d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z"></path>
														</svg></button></div>
												<p class="Template_faq_answer_text__SWKMO" style="padding: 10px 10px 10px 0px; color: rgb(0, 0, 0);"></p>
												<p>I have worked in a wide range of technologies including front-end frameworks like React and Angular, back-end scripting like Node.js and Python, web frameworks like Express and Flask, combined tools like Lotus Notes/Domino and IBM WebSphere, always using these in combination with a variety of SQL and NoSQL database stores to build RESTful APIs and user-friendly interfaces that delight my clients.</p>
												<p>I excel at learning new technologies, never failing to deliver a finished product that exceeds expectations.</p>
												<p></p>
											</div>
										</div>
										<div class="Template_editHoverContainer__1bqyO " style="position: relative; z-index: 1; width: 100%;">
											<div class="mt-3 Template_faqWrapper__O7Goy" style="border-bottom: 1px solid rgb(189, 172, 172);">
												<div style="display: flex; justify-content: space-between;"><button style="background-color: transparent; border: none; z-index: 1; padding: 0px; color: rgb(0, 0, 0);">
														<h4 class="Template_faq_question_text__OICTW" style="text-align: left;">
															<p>What are the benefits of choosing me as a remote full-stack web app dev contractor?</p>
														</h4>
													</button><button style="background-color: transparent; border: none; z-index: 1; color: rgb(0, 0, 0);"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 16 16" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">
															<path fill-rule="evenodd" d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z"></path>
														</svg></button></div>
												<p class="Template_faq_answer_text__SWKMO" style="padding: 10px 10px 10px 0px; color: rgb(0, 0, 0);"></p>
												<p>Hiring me to work on your remote contract to develop full-stack web apps offers you several benefits, including cost savings, access to a uniquely capable talent, flexibility in project timelines, and the ability to work with a professional who understands the human factor in electronic solutions.</p>
												<p></p>
											</div>
										</div>
										<div class="Template_editHoverContainer__1bqyO " style="position: relative; z-index: 1; width: 100%;">
											<div class="mt-3 Template_faqWrapper__O7Goy" style="border-bottom: 1px solid rgb(189, 172, 172);">
												<div style="display: flex; justify-content: space-between;"><button style="background-color: transparent; border: none; z-index: 1; padding: 0px; color: rgb(0, 0, 0);">
														<h4 class="Template_faq_question_text__OICTW" style="text-align: left;">
															<p>What programming languages and technologies do you specialize in?</p>
														</h4>
													</button><button style="background-color: transparent; border: none; z-index: 1; color: rgb(0, 0, 0);"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 16 16" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">
															<path fill-rule="evenodd" d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z"></path>
														</svg></button></div>
												<p class="Template_faq_answer_text__SWKMO" style="padding: 10px 10px 10px 0px; color: rgb(0, 0, 0);"></p>
												<p>I specialize in all things JavaScript; I find genuine joy in building Bookmarklets (small widgets that launch as a Favorite in the web browser, to do One Thing Really Well).</p>
												<p>But I build solutions in a wide variety of programming languages and technologies including HTML, CSS, ES6 JavaScript, Node.js, Java, C#, Python, Go, SQL including DB2 and Microsoft, NoSQL including MongoDB and AWS DynamoDB, web frameworks and tools such as jQuery, React, Angular, GitHub, git CLI, npm, and recently have discovered how much I love the VSC debugger.</p>
												<p>I enjoy staying updated with the latest web development trends, providing the best solutions for my clients.</p>
												<p></p>
											</div>
										</div>
									</div>
								</div>
								<div></div>
							</div>
						</div>
					</div>
					<div class="SectionContainer_container__K2rSV">
						<div style="opacity: 1;">
							<div class="Template_section__2XKNa Template_section_spacing__kKCSr newsletter" style="background: linear-gradient(155deg, rgb(0, 0, 255) 0%, hsl(180, 75%, 45%) 25%) center center / cover no-repeat; padding: 7rem 0px;">
								<div class="Template_container__zeSEL">
									<div>
										<div class="Template_editHoverContainer__1bqyO" style="position: relative;">
											<h3 class="Template_heading__BQOre">
												<p><span class="ql-size-huge">Contact Me!</span></p>
											</h3>
										</div>
									</div>
									<p class="Template_contacts_description__QRtyw" style="color: rgb(3, 26, 48);">Have a question? Reach out...</p>
									<div class="Template_contacts_main__lzWsg">
										<div class="Template_editHoverContainer__1bqyO" style="display: flex; flex: 1 1 0%; flex-direction: column; position: relative;">
											<div>
												<p class="Template_contacts_info__SF3NH"></p>
												<p><strong>LinkedIn:</strong> <a href="https://www.linkedin.com/in/DarrenSem" rel="noopener noreferrer" target="_blank">https://www.linkedin.com/in/DarrenSem</a></p>
												<p><strong>GitHub repos:</strong> <a href="https://github.com/DarrenSem" rel="noopener noreferrer" target="_blank">https://github.com/DarrenSem</a></p>
												<p><strong>Gist code snippets: </strong><a href="https://gist.github.com/DarrenSem" rel="noopener noreferrer" target="_blank">https://gist.github.com/DarrenSem</a></p>
												<p><strong>npm packages:</strong> <a href="https://www.npmjs.com/~darrensem" rel="noopener noreferrer" target="_blank">https://www.npmjs.com/~darrensem</a></p>
												<p></p>
											</div>
											<div style="display: none;">
												<h2 class="Template_contacts_item__ZFMUe">Call</h2>
												<p class="Template_contacts_info__SF3NH"></p>
												<p><br></p>
												<p></p>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>

				<!-- footer class="Template_footer__b5ewH">
					<div class="Template_container__zeSEL">
						<div class="Template_footer_main__6BgRy" style="display: flex;">
							<div style="flex: 1 1 0%; padding: 0px 15px;">
								<p class="Template_footer_text__CQAve">© Darren Semotiuk 2023. All Rights Reserved.</p>
							</div>
							<div style="flex: 1 1 0%; padding: 0px 15px;">
								<div style="display: flex; justify-content: flex-end;">
									<div class="Template_editHoverContainer__1bqyO" style="position: relative;"></div>
								</div>
							</div>
						</div>
					</div>
				</footer -->

			</main>
			<div></div>
			<div class="Toastify"></div>
		</div>
	</div><next-route-announcer>
		<p aria-live="assertive" id="__next-route-announcer__" role="alert" style="border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; top: 0px; width: 1px; white-space: nowrap; overflow-wrap: normal;"></p>
	</next-route-announcer>
</body>

</html>