<!DOCTYPE html>
<html lang="en">
<head>
<style>
.hidden {
opacity: 0;
filter: blur(5px);
transform: translateX(-100%);
transition: all 1.0s;
}
.show {
filter: blur(0);
transform: translateX(0);
opacity: 1;
}
@media(prefers-reduced-motion){
.hidden{
transition: none;
}
}
</style>
<!-- USED GLOBALLY -->
<!-- CSS OPTIMIZATION LINKS -->
<!-- https://developer.chrome.com/docs/lighthouse/performance/render-blocking-resources/?utm_source=lighthouse&utm_medium=devtools
https://web.dev/critical-rendering-path-render-blocking-css/
https://web.dev/defer-non-critical-css/ -->
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="/img/favicon/favicon.png" type="image/png">
<meta name="title" content="Web Design Ottawa, Ontario">
<meta name="description" content="Earnanswers: Expert web design and development services in Ottawa, Ontario, and Gatineau, Quebec. Specializing in AI automation, AI agent integration, SEO, and data management. Find top-rated web design near me, near Ottawa, and near Gatineau.">
<title>Web Design Ottawa, Ontario</title>
<link rel="alternate" hreflang="fr" href="https://earnanswers.com/fr" />
<style>
body {
background-color: #f2f2f2;
/* font-family: Arial, sans-serif; */
font-family: 'Lato';
font-weight: 300;
font-style: normal;
min-height: 100vh;
display: flex;
flex-direction: column;
}
:root {
--font-size-p: 1.1rem;
--font-size-p-smaller: 1rem;
--font-size-p-xsmaller: .9rem;
--font-size-p-xxsmaller: .7rem;
--font-size-header: 1.5rem;
--font-size-header-smaller: 1.0rem;
--font-size-footer: 1.5rem;
--font-size-h1: 3rem;
--font-size-h1-blog-element: 2rem;
--font-size-h1-smaller: 2.4rem;
--font-size-h1-blog-element-smaller: 1.7rem;
--font-size-h2: 2.5rem;
--font-size-h2-smaller: 2.0rem;
--font-size-h2-xsmaller: 1.6rem;
--font-size-h3: 2.0rem;
--font-size-h3-smaller: 1.6rem;
--font-size-h3-xsmaller: 1.4rem;
--font-size-h4: 1.6rem;
--font-size-h4-smaller: 1.4rem;
--font-size-h4-xsmaller: 1.2rem;
--font-size-h5: 1.5rem;
--font-size-aside: 1.1rem;
--font-size-aside-smaller: 1rem;
--font-size-aside-xsmaller: .9rem;
--font-size-aside-title: 1.5rem;
--font-size-aside-title-smaller: 1.2rem;
--font-size-aside-title-xsmaller: 1.0rem;
--font-size-nav: 2.0rem;
--font-size-nav-smaller: 1.5rem;
--font-size-nav-xsmaller: 1.2rem;
--font-size-a: 2rem;
--font-size-a-smaller: 1.8rem;
--font-size-a-xsmaller: 1.5rem;
--line-height-p: 2.5rem;
--line-height-p-smaller: 2.0rem;
--line-height-p-xsmaller: 1.8rem;
--line-height-ul: 2.5rem;
--line-height-ul-smaller: 2.0rem;
--line-height-ul-xsmaller: 1.8rem;
/* BLOG CONTENT WIDTHS ON DESKTOP */
--blog-element-content-width: 60%;
--blog-element-content-max-width: 920px;
--blog-element-content-ul-width: 55%;
--blog-element-content-ul-max-width: 874px;
}
/* font-weight: 700; */
/* letter-spacing: 1.8px; */
main,
div#block,
article {
flex: 1;
}
@font-face {
font-family: 'Lato';
src: url('/fonts/lato/Lato-Black.ttf') format('truetype');
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: 'Lato';
src: url('/fonts/lato/Lato-BlackItalic.ttf') format('truetype');
font-weight: 900;
font-style: italic;
}
@font-face {
font-family: 'Lato';
src: url('/fonts/lato/Lato-Bold.ttf') format('truetype');
font-weight: bold;
/* equivalent to 700 */
font-style: normal;
}
@font-face {
font-family: 'Lato';
src: url('/fonts/lato/Lato-BoldItalic.ttf') format('truetype');
font-weight: bold;
/* equivalent to 700 */
font-style: italic;
}
@font-face {
font-family: 'Lato';
src: url('/fonts/lato/Lato-Hairline.ttf') format('truetype');
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: 'Lato';
src: url('/fonts/lato/Lato-Hairlineltalic.ttf') format('truetype');
font-weight: 100;
font-style: italic;
}
@font-face {
font-family: 'Lato';
src: url('/fonts/lato/Lato-Heavy.ttf') format('truetype');
font-weight: 800;
font-style: normal;
}
@font-face {
font-family: 'Lato';
src: url('/fonts/lato/Lato-Heavyltalic.ttf') format('truetype');
font-weight: 800;
font-style: italic;
}
@font-face {
font-family: 'Lato';
src: url('/fonts/lato/Lato-Italic.ttf') format('truetype');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'Lato';
src: url('/fonts/lato/Lato-Light.ttf') format('truetype');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Lato';
src: url('/fonts/lato/Lato-LightItalic.ttf') format('truetype');
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: 'Lato';
src: url('/fonts/lato/Lato-Medium.ttf') format('truetype');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Lato';
src: url('/fonts/lato/Lato-MediumItalic.ttf') format('truetype');
font-weight: 500;
font-style: italic;
}
@font-face {
font-family: 'Lato';
src: url('/fonts/lato/Lato-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Lato';
src: url('/fonts/lato/Lato-Semibold.ttf') format('truetype');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Lato';
src: url('/fonts/lato/Lato-SemiboldItalic.ttf') format('truetype');
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: 'Lato';
src: url('/fonts/lato/Lato-Thin.ttf') format('truetype');
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: 'Lato';
src: url('/fonts/lato/Lato-ThinItalic.ttf') format('truetype');
font-weight: 100;
font-style: italic;
}
</style>
<link rel="preload" href="https://earnanswers.com/css/all/nav-lt500.css" media="(max-width: 500px)" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="https://earnanswers.com/css/all/nav-lt500.css" media="(max-width: 500px)"></noscript>
<link rel="preload" href="https://earnanswers.com/css/all/nav-gt500-lt850.css" media="(min-width: 500px) and (max-width: 850px)" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="https://earnanswers.com/css/all/nav-lt850.css" media="(min-width: 600px) and (max-width: 850px)"></noscript>
<style>
body>nav {
display: flex;
justify-content: space-evenly;
font-size: var(--font-size-nav);
overflow: hidden;
flex-direction: row;
align-items: center;
border-radius: 10px 10px 0 0;
background-image: url('/img/svg/wave_nav.svg');
font-size: var(--font-size-aside);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-color: #4773ba;
border-bottom: 3px solid #fdfdfd;
}
body>nav>* {
white-space: nowrap;
width: fit-content;
margin: 0 auto;
padding: .5rem 0;
text-decoration: none;
font-weight: 300;
letter-spacing: .5px;
font-size: var(--font-size-nav);
letter-spacing: 2.0px;
}
body>nav>div>input[type="checkbox"] {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
width: 0;
height: 0;
border: none;
background: transparent;
position: absolute;
opacity: 0;
pointer-events: all;
}
body>nav>a>img {
padding: 0;
}
body>nav>a:not(:first-of-type)>img {
width: 30px;
height: 30px;
}
body>nav>a:not(:first-of-type)>img:hover {
content: url('/img/icons/second_yellow.svg');
}
body>nav>*,
body>nav>a:link {
color: white;
}
body>nav>*:visited {
color: white;
}
body>nav>div>label:active,
body>nav>a:link:active,
body>nav>a:visited:active {
color: rgb(224, 4, 4);
}
body>nav>div>label:hover,
body>nav>a:hover {
color: #fffd47;
}
.details-container {
width: 100%;
height: 200px;
overflow: hidden;
margin-bottom: 10px;
position: relative;
}
details.tab-content > summary {
display: none;
}
details.tab-content {
display: block;
width: 100%;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease, visibility 0s linear 0.3s, height 0.3s ease;
box-sizing: border-box;
background-color: #f9f9f9;
border: none;
border-radius: 4px;
}
details.tab-content[open] {
opacity: 1;
visibility: visible;
height: auto;
transition: opacity 0.3s ease, visibility 0s linear 0s, height 0.3s ease;
}
details.tab-content {
border: 1px solid #ccc;
border: none;
}
/* body > nav + div:has(> details) {
border-bottom: 3px solid #fdfdfd;
} */
/* Apply border-bottom when details is open */
body > nav + div:has(> details[open]) {
border-bottom: 3px solid #fdfdfd !important;
}
/* Unset border when details is not open */
body > nav + div:has(> details:not([open])) {
border-bottom: none;
}
details.tab-content[open] nav {
/* border-bottom: 3px solid #fdfdfd; */
}
details.tab-content nav {
background-image: url('/img/svg/wave_footer.svg');
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-color: #6192e6;
border-radius: 0 0 10px 10px;
/* transform: rotate(180deg); */
}
details.tab-content > nav {
display: flex;
flex-direction: column;
max-height: 2.5in;
flex-wrap: wrap;
/* align-items: flex-start; */
/* justify-content: flex-start; */
align-content: flex-start;
/* overflow: hidden; */
overflow-x: scroll;
}
details.tab-content > nav::-webkit-scrollbar {
display: none; /* Hide the scrollbar */
}
@media (max-width: 547px) {
details.tab-content > nav {
max-height: unset;
}
}
details.tab-content > nav > * {
width: fit-content;
margin: .5ch 1ch;
color: white;
text-decoration: none;
font-weight: 300;
font-size: var(--font-size-p);
letter-spacing: 1.0px;
}
</style>
<!-- < % console.log('locals.noindex, locals.nofollow: \n', locals.noindex, locals.nofollow) -->
<link rel="canonical" href='/'>
<style>
h1 {
text-align: center;
color: #007BFF;
}
</style>
<style>
#reviews-section {
display: flex;
flex-direction: row;
flex-wrap: wrap;
width: 100%;
/* justify-content: space-evenly; */
justify-content: center;
align-items: stretch;
gap: 10px;
}
h2 {
text-align: center;
font-size: 2em;
margin-bottom: 20px;
color: #333;
}
.review-item {
box-sizing: border-box;
padding: 10px;
text-align: center;
border: 1px solid #ccc;
border-radius: 8px;
min-width: 252.5px;
max-width: 400px;
display: flex;
flex-direction: column;
/* justify-content: center; */
position: relative;
background-color: #f9f9f9;
}
.review-item img {
border-radius: 50%;
width: 80px;
height: 80px;
margin: 0 auto;
}
.review-item h3 {
margin: 10px 0;
font-size: 1.2em;
}
.review-item p {
font-size: 0.9em;
color: #555;
flex-grow: 1;
}
.review-item .rating {
font-size: 1.5em;
color: #007BFF; /* Blue color for stars */
margin: 10px 0;
}
.review-item .rating .star {
display: inline-block;
}
.review-item .rating .star.filled {
color: #007BFF; /* Blue color for filled stars */
}
.review-item .rating .star.empty {
color: #ccc; /* Light gray color for empty stars */
}
.review-item .time {
font-size: 0.8em;
color: #888;
}
.svg-wrapper {
position: absolute;
top: 10px;
left: 10px;
width: 40px;
height: 40px;
background: url('../img/svg/home/review/quotes_g.svg') no-repeat center center;
background-size: contain;
}
.svg-wrapper2 {
position: absolute;
bottom: 10px;
right: 10px;
width: 40px;
height: 40px;
background: url('../img/svg/home/review/google.svg') no-repeat center center;
background-size: contain;
}
</style>
<style>
section.cta-home {
text-align: center;
margin: 20px auto;
}
section.cta-home button {
background-color: #2c5a8e;
color: #fff;
padding: 10px 20px;
border: none;
border-radius: 5px;
cursor: pointer;
font-size: 16px;
transition: background-color 0.3sease, transform 0.2sease;
}
</style>
<style>
#case-studies {
width: 100%;
max-width: 1200px;
margin: 0 auto;
padding: 20px;
box-sizing: border-box;
}
#case-studies h2 {
text-align: center;
font-size: 2em;
margin-bottom: 20px;
color: #333;
}
.case {
margin-bottom: 40px;
padding: 20px;
background-color: #f9f9f9;
border-radius: 8px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.case h3 {
font-size: 1.5em;
color: #007BFF;
margin-bottom: 15px;
}
.case h4 {
font-size: 1.2em;
color: #555;
margin-top: 20px;
margin-bottom: 10px;
}
.case ul {
/* list-style-type: disc; */
margin-left: 20px;
margin-bottom: 15px;
}
.case ul li {
margin-bottom: 5px;
font-size: 0.95em;
color: #555;
}
.case ul li b {
font-weight: bold;
color: #333;
}
.case a {
color: #007BFF;
text-decoration: none;
}
.case a:hover {
text-decoration: underline;
}
.case div img {
text-align: center;
margin-top: 15px;
}
.case img {
display: block;
margin: 0 auto;
max-width: 100%;
height: auto;
border-radius: 8px;
margin-bottom: 15px;
}
.case p {
font-size: 0.95em;
color: #555;
margin-bottom: 15px;
}
</style>
<style>
ul {
list-style: none;
padding: 0;
}
ul li {
position: relative;
padding-left: 30px;
font-size: 1.2em;
line-height: 1.6;
}
ul li::before {
content: '\2713';
color: #426cae;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
font-size: 1.5em;
}
ul {
margin: 15px 0;
}
section ul {
list-style: none;
padding-left: 0;
}
section ul li {
margin: 5px 0;
font-size: 1.1em;
}
section ul li {
margin: 5px 0;
}
section#services {
padding: 20px;
margin: 10px 0;
max-width: 1200px;
margin: 0 auto;
}
section#services > div {
border-radius: 8px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
box-sizing: border-box;
background-color: #f9f9f9;
margin: 20px;
padding: 20px;
}
</style>
<style>
#faq {
width: 100%;
max-width: 1200px;
margin: 0 auto;
padding: 20px;
box-sizing: border-box;
text-align: center;
}
#faq h2 {
font-size: 2em;
color: #333;
margin-bottom: 30px;
}
.faq-item {
margin-bottom: 20px;
border: 1px solid #ddd;
border-radius: 8px;
overflow: hidden;
background-color: #f9f9f9;
text-align: left;
}
.faq-item summary {
padding: 15px;
font-size: 1.2em;
font-weight: bold;
color: #007BFF;
cursor: pointer;
background-color: #fff;
border-bottom: 1px solid #ddd;
list-style: none;
display: flex;
justify-content: space-between;
align-items: center;
}
.faq-item summary::after {
content: "▼";
font-size: 0.8em;
color: #007BFF;
transition: transform 0.3s ease;
}
.faq-item details[open] summary::after {
transform: rotate(180deg);
}
.faq-item .faq-answer {
padding: 15px;
font-size: 1em;
color: #555;
background-color: #fff;
}
.faq-item .faq-answer p {
margin: 0;
}
.faq-item .faq-answer ul {
margin: 10px 0;
padding-left: 20px;
}
.faq-item .faq-answer ul li {
margin-bottom: 5px;
}
@media (max-width: 600px) {
.faq-item summary {
font-size: 1em;
}
.faq-item .faq-answer {
font-size: 0.9em;
}
}
</style>
<style>
#blogs {
width: 100%;
max-width: 1200px;
margin: 0 auto;
padding: 20px;
box-sizing: border-box;
text-align: center;
}
#blogs h2 {
font-size: 2em;
color: #333;
margin-bottom: 30px;
}
.carousel-container {
position: relative;
width: 100%;
overflow: hidden;
}
.carousel {
display: flex;
transition: transform 0.5s ease-in-out;
}
.carousel-item {
flex: 0 0 100%;
box-sizing: border-box;
padding: 10px;
text-align: center;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.carousel-item img {
width: 100%;
max-width: 400px;
height: auto;
border-radius: 8px;
margin-bottom: 15px;
}
.carousel-item h3 {
font-size: 1.5em;
color: #007BFF;
margin-bottom: 10px;
}
.carousel-item p {
font-size: 1em;
color: #555;
margin-bottom: 15px;
}
.carousel-item a {
display: inline-block;
padding: 10px 20px;
background-color: #007BFF;
color: #fff;
text-decoration: none;
border-radius: 5px;
transition: background-color 0.3s ease;
}
.carousel-item a:hover {
background-color: #0056b3;
}
.carousel-nav {
display: flex;
justify-content: center;
margin-top: 20px;
}
.carousel-nav button {
background-color: #007BFF;
color: #fff;
border: none;
padding: 10px 20px;
margin: 0 5px;
border-radius: 5px;
cursor: pointer;
transition: background-color 0.3s ease;
}
.carousel-nav button:hover {
background-color: #0056b3;
}
@media (min-width: 768px) {
.carousel-item {
flex: 0 0 50%;
}
}
@media (min-width: 1024px) {
.carousel-item {
flex: 0 0 33.33%;
}
}
</style>
<!-- NOT LOADED ASYNC -->
<!-- <link rel="stylesheet" href="/css/all/footer-lt600.css" media="(max-width: 600px)"> -->
<!-- ASYNC LOAD WITH MEDIA QUERY -->
<link rel="preload" href="https://earnanswers.com/css/all/footer-lt600.css" media="(max-width: 600px)" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="https://earnanswers.com/css/all/footer-lt600.css" media="(max-width: 600px)"></noscript>
<!-- NOT LOADED ASYNC -->
<!-- <link rel="stylesheet" href="/css/all/footer-gt600-lt850.css" media="(max-width: 850px)"> -->
<!-- ASYNC LOAD WITH MEDIA QUERY -->
<link rel="preload" href="https://earnanswers.com/css/all/footer-gt600-lt850.css" media="(min-width: 600px) and (max-width: 850px)" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="https://earnanswers.com/css/all/footer-gt600-lt850.css" media="(min-width: 600px) and (max-width: 850px)"></noscript>
<style>
body > footer {
padding: 20px 0;
font-size: var(--font-size-footer);
background-image: url('/img/svg/wave_footer.svg');
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border-radius: 10px;
/* background-color: #76bd9fbd; */
background-color: #4773ba;
}
body > footer > div > div#social-media {
margin: 0 auto;
width: fit-content;
display: flex;
justify-content: center;
align-items: center;
}
body > footer > div > div#social-media > a {
padding: 20px;
}
body > footer > div > nav {
display: flex;
justify-content: space-evenly;
align-items: center;
overflow: hidden;
}
body > footer > div > *{
padding: 50px;
}
body > footer > div {
overflow: hidden;
}
body > footer nav > a{
text-decoration: none;
width: fit-content;
letter-spacing: 2.0px;
/* line-height: 2rem; */
padding: 0.5rem 0;
}
body > footer nav > a:link {
color: white;
}
body > footer nav > a:visited {
color: white;
}
body > footer nav > a:link:active,
body > footer nav > a:visited:active {
color: rgb(224, 4, 4);
}
body > footer nav > a:hover {
color: #fffd47;
}
</style>
<script>
console.log('Production:', 'production');
console.log('Env:', 'production');
</script>
<!-- Google Analytics tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-69CJ2BLSDX"></script>
<script async src="/js/google/analytics.js"></script>
<!-- For testing banner display -->
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1284991451404783"
crossorigin="anonymous"></script>
<!-- For Flexoffers verification -->
<meta name="fo-verify" content="b8bfa6d0-3603-4a20-8e5c-cc240e2ea55f" />
<!-- <a href="https://myaffiliatelink.com" rel="sponsored" target="_blank">Shop Now (affiliate link)</a> -->
<!-- <a href="https://myaffiliatelink.com" rel="sponsored" target="_blank" rel="nofollow">Buy now on MyAffiliateLink.com</a> -->
<!-- Verify pinterest -->
<meta name="p:domain_verify" content="fdc7b4ac67d0477a8888779d1bb1893a"/>
</head>
<body>
<!-- TRANSITIONS -->
<script defer src="/js/app.js"></script>
<nav>
<a href="https://earnanswers.com/">
<img src="https://earnanswers.com/img/logo/logo_head.png"
alt="Earnanswers brand logo">
</a>
<div>
<input type="checkbox" id="tab1">
<label for="tab1">Read</label>
</div>
<div>
<input type="checkbox" id="tab2">
<label for="tab2">Services</label>
</div>
<!-- Un comment for added options -->
<!-- <div>
<input type="checkbox" id="tab3">
<label for="tab3">Option</label>
</div> -->
<!-- <a href="< %=process.env.ROOT_SUBDIR_DOMAIN/about-us">
< %= locals.navigation_options.about_us
</a> -->
<a href="https://calendly.com/earnanswers/quick-call">
Book for estimate
</a>
<!-- Sub used for footer pages -->
<!-- <a href="< %=process.env.ROOT_SUBDIR_DOMAIN">Sub</a> -->
<a href="https://second.earnanswers.com">
<img src="https://earnanswers.com/img/icons/second_blue.svg"
alt="Logo of a wrench">
</a>
</nav>
<div>
<details id="block1" class="tab-content">
<summary>Styled to not be visible</summary>
<nav>
<a href="https://earnanswers.com/categories">
Blogs & Articles
</a>
<a href="https://earnanswers.com/dictionary">
Dictionary
</a>
<a href="https://earnanswers.com/sub/about-us">
About us
</a>
<a href="https://earnanswers.com/review">
Review
</a>
<a href="https://earnanswers.com/book">
Book
</a>
<a href="https://earnanswers.com/product">
Product
</a>
<a href="https://earnanswers.com/categories-image">
Images & Photographs
</a>
</nav>
</details>
<!-- Un comment for added options -->
<details id="block2" class="tab-content">
<summary>Styled to not be visible</summary>
<nav>
<a href="https://earnanswers.com/service">
Services
</a>
<a href="https://earnanswers.com/service/seo-gatineau">
SEO Gatineau
</a>
<a href="https://earnanswers.com/service/seo-agency-ottawa">
SEO Agency Ottawa
</a>
<a href="https://earnanswers.com/service/ai-agency-ottawa">
AI Agency Ottawa
</a>
<a href="https://earnanswers.com/service/wordpress-developer-ottawa">
WordPress Developer Ottawa
</a>
<a href="https://earnanswers.com/service/web-design-ottawa">
Web Design Ottawa
</a>
<a href="https://earnanswers.com/service/ai-agent-agency-ottawa">
AI Agent Agency Ottawa
</a>
</nav>
</details>
<!-- Un comment for added options -->
<!-- <details id="block2" class="tab-content">
<summary>Styled to not be visible</summary>
<nav>
<a href="#A">option Aoption A</a>
<a href="#B">option B</a>
<a href="#C">option C</a>
<a href="#D">option D</a>
<a href="#E">option E</a>
<a href="#F">option F</a>
<a href="#G">option G</a>
<a href="#H">option H</a>
<a href="#I">option I</a>
<a href="#J">option J</a>
<a href="#K">option K</a>
<a href="#L">option L</a>
<a href="#M">option M</a>
<a href="#N">option N</a>
<a href="#O">option O</a>
<a href="#P">option P</a>
<a href="#Q">option Q</a>
<a href="#R">option R</a>
<a href="#S">option S</a>
<a href="#T">option T</a>
<a href="#U">option U</a>
<a href="#V">option V 123123</a>
<a href="#W">W</a>
<a href="#X">X</a>
<a href="#Y">Y</a>
<a href="#Z">Z</a>
</nav>
</details> -->
<!-- <details id="block2" class="tab-content">
<summary>Styled to not be visible</summary>
<nav>
<a href="#optionC">Option C</a>
<a href="#optionD">Option C</a>
</nav>
</details> -->
</div>
<script>
// Get all checkboxes and details elements
const checkboxes = document.querySelectorAll('input[type="checkbox"]');
const detailsElements = document.querySelectorAll('details');
// Event listener to ensure only one checkbox is selected at a time
checkboxes.forEach((checkbox, index) => {
checkbox.addEventListener('change', () => {
// If the checkbox is checked, open its corresponding <details> and close the others
detailsElements.forEach((details, i) => {
if (i === index) {
details.open = checkbox.checked; // Open or close this details block
} else {
details.open = false; // Close other details blocks
}
});
// Ensure no other checkbox is checked when one is selected
if (checkbox.checked) {
checkboxes.forEach((otherCheckbox, j) => {
if (j !== index) {
otherCheckbox.checked = false; // Uncheck other checkboxes
}
});
}
});
});
// On page load, ensure that no checkbox is selected and all details are closed
window.addEventListener('load', () => {
checkboxes.forEach(checkbox => checkbox.checked = false); // Uncheck all checkboxes
detailsElements.forEach(details => details.open = false); // Close all details
});
</script>
<!-- < %- include('pieces/home/index-content.ejs') -->
<main itemscope itemtype="https://schema.org/WebPage">
<header>
<h1 itemprop="name">Web Design Ottawa, Ontario</h1>
</header>
<div itemprop="publisher" itemscope itemtype="https://schema.org/Organization">
<span itemprop="url" content="https://earnanswers.com/sub/about-us"></span>
<!-- Aggregate Rating -->
<div itemprop="aggregateRating" itemscope itemtype="https://schema.org/AggregateRating">
<div itemprop="itemReviewed" itemscope itemtype="https://schema.org/LocalBusiness">
<span itemprop="name" content="Earnanswers"></span>
<span itemprop="url" content="https://earnanswers.com/service"></span>
</div>
<span itemprop="ratingValue" content="5.0"></span>
<span itemprop="bestRating" content="5.0"></span>
<span itemprop="worstRating" content="0.0"></span>
<span itemprop="ratingCount" content="5"></span>
</div>
<h2>Earnanswers Google Business Reviews</h2>
<section id="reviews-section" class="hidden">
<div itemprop="review" itemscope itemtype="https://schema.org/Review" class="review-item">
<div itemprop="itemReviewed" itemscope itemtype="https://schema.org/LocalBusiness">
<span itemprop="name" content="Earnanswers"></span>
<span itemprop="url" content="https://earnanswers.com/service"></span>
</div>
<span itemprop="datePublished" content=""></span>
<div class="svg-wrapper"></div>
<div class="svg-wrapper2"></div>
<div itemprop="author" itemscope itemtype="https://schema.org/Person">
<img src="https://lh3.googleusercontent.com/a-/ALV-UjWv8hsTdEbcDdE_atZrY6F6WMTjaRv_-W53FhD90Qz8VWnaUXY=s128-c0x00000000-cc-rp-mo" alt="Two_Wheel_ Universe">
<span itemprop="url" content=""></span>
<h3 itemprop="name">Two_Wheel_ Universe</h3>
</div>
<p itemprop="reviewBody">I had an exceptional experience with their services! They provided top-notch web development, seamless AI automation, and visually appealing web design. Their SEO strategies significantly boosted our online visibility, and their expertise in data management was impressive. The team was professional, efficient, and truly delivered beyond expectations. Highly recommend for anyone looking for comprehensive digital solutions!</p>
<div itemprop="reviewRating" itemscope itemtype="https://schema.org/Rating" class="rating">
<span itemprop="ratingValue" content="5.0"></span>
<span itemprop="bestRating" content="5.0"></span>
<span itemprop="worstRating" content="0.0"></span>
<span class="star filled">★</span>
<span class="star filled">★</span>
<span class="star filled">★</span>
<span class="star filled">★</span>
<span class="star filled">★</span>
</div>
<div class="time">3 months ago</div>
</div>
<div itemprop="review" itemscope itemtype="https://schema.org/Review" class="review-item">
<div itemprop="itemReviewed" itemscope itemtype="https://schema.org/LocalBusiness">
<span itemprop="name" content="Earnanswers"></span>
<span itemprop="url" content="https://earnanswers.com/service"></span>
</div>
<span itemprop="datePublished" content=""></span>
<div class="svg-wrapper"></div>
<div class="svg-wrapper2"></div>
<div itemprop="author" itemscope itemtype="https://schema.org/Person">
<img src="https://lh3.googleusercontent.com/a/ACg8ocL6cRH5wZUxRoV2SsvkH0IQE7umZGeMXdLi6HaO6F8TzBvCtA=s128-c0x00000000-cc-rp-mo" alt="Walid Khan">
<span itemprop="url" content=""></span>
<h3 itemprop="name">Walid Khan</h3>
</div>
<p itemprop="reviewBody">I had an outstanding experience with Earnanswers, which offers top-notch services in web development, SEO, and design. Their expertise in providing comprehensive digital solutions is truly impressive. Highly recommended.</p>
<div itemprop="reviewRating" itemscope itemtype="https://schema.org/Rating" class="rating">
<span itemprop="ratingValue" content="5.0"></span>
<span itemprop="bestRating" content="5.0"></span>
<span itemprop="worstRating" content="0.0"></span>
<span class="star filled">★</span>
<span class="star filled">★</span>
<span class="star filled">★</span>
<span class="star filled">★</span>
<span class="star filled">★</span>
</div>
<div class="time">3 months ago</div>
</div>
<div itemprop="review" itemscope itemtype="https://schema.org/Review" class="review-item">
<div itemprop="itemReviewed" itemscope itemtype="https://schema.org/LocalBusiness">
<span itemprop="name" content="Earnanswers"></span>
<span itemprop="url" content="https://earnanswers.com/service"></span>
</div>
<span itemprop="datePublished" content=""></span>
<div class="svg-wrapper"></div>
<div class="svg-wrapper2"></div>
<div itemprop="author" itemscope itemtype="https://schema.org/Person">
<img src="https://lh3.googleusercontent.com/a/ACg8ocL8c2io8MIYPfwvomxPjIs3Q-NvlAU-56JlGX3FBIiMedhb8Q=s128-c0x00000000-cc-rp-mo" alt="karl grand">
<span itemprop="url" content=""></span>
<h3 itemprop="name">karl grand</h3>
</div>
<p itemprop="reviewBody">Excellent Earnanswers experience! They were responsive all along the way and produced a stunning, useful website on schedule. I heartily endorse their services for web design and development!</p>
<div itemprop="reviewRating" itemscope itemtype="https://schema.org/Rating" class="rating">
<span itemprop="ratingValue" content="5.0"></span>
<span itemprop="bestRating" content="5.0"></span>
<span itemprop="worstRating" content="0.0"></span>
<span class="star filled">★</span>
<span class="star filled">★</span>
<span class="star filled">★</span>
<span class="star filled">★</span>
<span class="star filled">★</span>
</div>
<div class="time">3 months ago</div>
</div>
<div itemprop="review" itemscope itemtype="https://schema.org/Review" class="review-item">
<div itemprop="itemReviewed" itemscope itemtype="https://schema.org/LocalBusiness">
<span itemprop="name" content="Earnanswers"></span>
<span itemprop="url" content="https://earnanswers.com/service"></span>
</div>
<span itemprop="datePublished" content=""></span>
<div class="svg-wrapper"></div>
<div class="svg-wrapper2"></div>
<div itemprop="author" itemscope itemtype="https://schema.org/Person">
<img src="https://lh3.googleusercontent.com/a/ACg8ocJ78994DgYWlT_4QDpIfh7d5rWZ_AR3isezydzKObVAnfCL=s128-c0x00000000-cc-rp-mo" alt="Mata Mam">
<span itemprop="url" content=""></span>
<h3 itemprop="name">Mata Mam</h3>
</div>
<p itemprop="reviewBody">“Earnanswers Website Agency Gatineau SEO” appears to be a professional and well-structured company, offering comprehensive web development and SEO services. Their approach seems focused on creating tailored solutions to help businesses achieve increased online visibility. The site gives off an impression of seriousness and quality, which inspires confidence. I would recommend them for their technical skills and ability to understand customer needs.</p>
<div itemprop="reviewRating" itemscope itemtype="https://schema.org/Rating" class="rating">
<span itemprop="ratingValue" content="5.0"></span>
<span itemprop="bestRating" content="5.0"></span>
<span itemprop="worstRating" content="0.0"></span>
<span class="star filled">★</span>
<span class="star filled">★</span>
<span class="star filled">★</span>
<span class="star filled">★</span>
<span class="star filled">★</span>
</div>
<div class="time">2 weeks ago</div>
</div>
<div itemprop="review" itemscope itemtype="https://schema.org/Review" class="review-item">
<div itemprop="itemReviewed" itemscope itemtype="https://schema.org/LocalBusiness">
<span itemprop="name" content="Earnanswers"></span>
<span itemprop="url" content="https://earnanswers.com/service"></span>
</div>
<span itemprop="datePublished" content=""></span>
<div class="svg-wrapper"></div>
<div class="svg-wrapper2"></div>
<div itemprop="author" itemscope itemtype="https://schema.org/Person">
<img src="https://lh3.googleusercontent.com/a/ACg8ocLyRcn7vLcGUnBWN4Ykp6tdPDtp1WfmE3xJAzDTgiEYuis5fw=s128-c0x00000000-cc-rp-mo" alt="Mason Paul">
<span itemprop="url" content=""></span>
<h3 itemprop="name">Mason Paul</h3>
</div>
<p itemprop="reviewBody">This agency covers a lot of areas in our everyday lives
I recommend it 100%</p>
<div itemprop="reviewRating" itemscope itemtype="https://schema.org/Rating" class="rating">
<span itemprop="ratingValue" content="5.0"></span>
<span itemprop="bestRating" content="5.0"></span>
<span itemprop="worstRating" content="0.0"></span>
<span class="star filled">★</span>
<span class="star filled">★</span>
<span class="star filled">★</span>
<span class="star filled">★</span>
<span class="star filled">★</span>
</div>
<div class="time">in the last week</div>
</div>
</section>
</div>
<section class="cta-home">
<button onclick="window.location.href='tel:8194851495'">Call Us</button>
<button onclick="window.location.href='https://calendly.com/earnanswers/quick-call?month=2025-01'">Book a Call</button>
</section>
<section id="case-studies">
<h2>Case Studies for Local Businesses</h2>
<div class="case" itemprop="mainEntity" itemscope itemtype="https://schema.org/CreativeWork">
<span itemprop="name" content="SEO Case Study: Drywall Kingston"></span>
<span itemprop="sameAs" content="drywallkingston.com"></span>
<span itemprop="description" content="Screenshot of a CVS showing a table tracking inbound leads generated by the website drywallkingston.com through effective SEO strategies."></span>
<span itemprop="keywords" content="drywall kingston"></span>
<span itemprop="keywords" content="SEO performance"></span>
<span itemprop="keywords" content="inbound leads"></span>
<h3>What We Accomplished for Local Business #1</h3>
<h4>Information on Business</h4>
<ul>
<li><b>Business Name:</b> <a target="_blank" href="https://drywallkingston.com" itemprop="url">Drywall Kingston</a></li>
<li><b>Business Location:</b> Kingston, Ontario, Canada</li>
</ul>
<h4>Table Tracking Leads Generated</h4>
<div>
<img src="/img/webp/home2/case-studies-section/dk_lead_table.webp" alt="Screenshot of a CVS showing a table tracking inbound leads generated by the website drywallkingston.com through effective SEO strategies.">
</div>
<h4>Main Keyword Results</h4>
<div>
<ul>
<li><b>Data:</b> Last 3 Months (November 13th, 2024 to February 12th, 2025)</li>
<li><b>Keyword Position:</b> "drywall kingston"</li>
</ul>
<img itemprop="image" src="/img/webp/home2/case-studies-section/drywall_kingston_rankings.webp" alt="Image from Google Search showing the position for the website drywallkingston.com for the keyword "drywall kingston" for the last 3 months (November 13th, 2024 to February 12th, 2025)">
</div>
<h4>Secondary Keywords Results</h4>
<div>
<p>More Keywords and Average Positions for the Last 3 Months Are Shown Below:</p>
<img src="/img/webp/home2/case-studies-section/dk_keywords1.webp" alt="Image from Google Search showing the impressions and average position for the website drywallkingston.com broken down into a table per keyword for the Last 3 Months Part: 1">
</div>
</div>
<div class="case" itemprop="mainEntity" itemscope itemtype="https://schema.org/CreativeWork">
<span itemprop="name" content="SEO Case Study: Paving Gatineau"></span>
<span itemprop="sameAs" content="pavagegatineau.com"></span>
<span itemprop="description" content="Screenshot of a CVS showing a table tracking inbound leads generated by the website pavagegatineau.com through effective SEO strategies."></span>
<span itemprop="keywords" content="paving gatineau"></span>
<span itemprop="keywords" content="SEO performance"></span>
<span itemprop="keywords" content="inbound leads"></span>
<h3>What We Accomplished for Local Business #2</h3>
<h4>Information on Business</h4>
<ul>
<li><b>Business Name:</b> <a target="_blank" href="https://pavagegatineau.com" itemprop="url">Pavage Gatineau</a></li>
<li><b>Business Location:</b> Gatineau, Québec, Canada</li>
</ul>
<h4>Table Tracking Leads Generated</h4>
<div>
<img src="/img/webp/home2/case-studies-section/pg_lead_table.webp" alt="Screenshot of a CVS showing a table tracking inbound leads generated by the website pavagegatineau.com through effective SEO strategies.">
</div>
<h4>Main Keyword Results</h4>
<div>
<ul>
<li><b>Data:</b> Last 3 Months (November 13th, 2024 to February 12th, 2025)</li>
<li><b>Keyword Position:</b> "pavage gatineau"</li>
</ul>
<img itemprop="image" src="/img/webp/home2/case-studies-section/pavage_gatineau_rankings.webp" alt="Image from Google Search showing the position for the website pavagegatineau.com for the keyword "pavage gatineau" for the last 3 months (November 13th, 2024 to February 12th, 2025)">
</div>
<h4>Secondary Keywords Results</h4>
<div>
<p>More Keywords and Average Positions for the Last 3 Months Are Shown Below:</p>
<img src="/img/webp/home2/case-studies-section/pg_keywords1.webp" alt="Image from Google Search showing the impressions and average position for the website pavagegatineau.com broken down into a table per keyword for the Last 3 Months Part: 1">
</div>
</div>
</section>
<section class="cta-home">
<button onclick="window.location.href='tel:8194851495'">Call Us</button>
<button onclick="window.location.href='https://calendly.com/earnanswers/quick-call?month=2025-01'">Book a Call</button>
</section>
<section id="services" class="hidden">
<div>
<h2>Our Services</h2>
<ul>
<div itemprop="mainEntity" itemscope itemtype="https://schema.org/Service">
<li><a href="/service/seo-gatineau" itemprop="url">SEO Gatineau</a><span itemprop="name" content="SEO Gatineau"></span></li>
</div>
<div itemprop="mainEntity" itemscope itemtype="https://schema.org/Service">
<li><a href="/service/seo-agency-ottawa" itemprop="url">SEO Agency Ottawa</a><span itemprop="name" content="SEO Agency Ottawa"></span></li>
</div>
<div itemprop="mainEntity" itemscope itemtype="https://schema.org/Service">
<li><a href="/service/ai-agency-ottawa" itemprop="url">AI Agency Ottawa</a><span itemprop="name" content="AI Agency Ottawa"></span></li>
</div>
<div itemprop="mainEntity" itemscope itemtype="https://schema.org/Service">
<li><a href="/service/wordpress-developer-ottawa" itemprop="url">WordPress Developer Ottawa</a><span itemprop="name" content="WordPress Developer Ottawa"></span></li>
</div>
<div itemprop="mainEntity" itemscope itemtype="https://schema.org/Service">
<li><a href="/service/web-design-ottawa" itemprop="url">Web Design Ottawa</a><span itemprop="name" content="Web Design Ottawa"></span></li>
</div>
<div itemprop="mainEntity" itemscope itemtype="https://schema.org/Service">
<li><a href="/service/ai-agent-agency-ottawa" itemprop="url">AI Agent Agency Ottawa</a><span itemprop="name" content="AI Agent Agency Ottawa"></span></li>
</div>
</ul>
</div>
</section>
<section class="cta-home">
<button onclick="window.location.href='tel:8194851495'">Call Us</button>
<button onclick="window.location.href='https://calendly.com/earnanswers/quick-call?month=2025-01'">Book a Call</button>
</section>
<section id="faq" itemprop="mainEntity" itemscope itemtype="https://schema.org/FAQPage">
<h2>Frequently Asked Questions</h2>
<div class="faq-item">
<details itemprop="mainEntity" itemscope itemtype="https://schema.org/Question">
<summary itemprop="name">What services does Earnanswers offer?</summary>
<div itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer" class="faq-answer">
<span itemprop="text" content="<p>Earnanswers specializes in:</p><ul><li>Web Development</li><li>AI Automation</li><li>Web Design</li><li>SEO Services</li><li>Data Management</li></ul><p>We also provide local SEO strategies, social media management, and digital marketing tailored to businesses in Gatineau and Ottawa.</p>"><p>Earnanswers specializes in:</p><ul><li>Web Development</li><li>AI Automation</li><li>Web Design</li><li>SEO Services</li><li>Data Management</li></ul><p>We also provide local SEO strategies, social media management, and digital marketing tailored to businesses in Gatineau and Ottawa.</p></span>
</div>
</details>
</div>
<div class="faq-item">
<details itemprop="mainEntity" itemscope itemtype="https://schema.org/Question">
<summary itemprop="name">Where is Earnanswers located?</summary>
<div itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer" class="faq-answer">
<span itemprop="text" content="<p>Our office is located at:</p><p><b>15 Rue Buteau, local 520, Gatineau, QC J8Z 1V4, Canada</b></p><p>You can find us on <a href='https://maps.app.goo.gl/BE7fLh8o3Soe4HTz7' target='_blank'>Google Maps</a>.</p>"><p>Our office is located at:</p><p><b>15 Rue Buteau, local 520, Gatineau, QC J8Z 1V4, Canada</b></p><p>You can find us on <a href='https://maps.app.goo.gl/BE7fLh8o3Soe4HTz7' target='_blank'>Google Maps</a>.</p></span>
</div>
</details>
</div>
<div class="faq-item">
<details itemprop="mainEntity" itemscope itemtype="https://schema.org/Question">
<summary itemprop="name">What are your business hours?</summary>
<div itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer" class="faq-answer">
<span itemprop="text" content="<p>We are open:</p><ul><li><b>Monday to Friday:</b> 10:00 AM - 1:00 PM</li></ul><p>Feel free to contact us outside these hours via email or phone.</p>"><p>We are open:</p><ul><li><b>Monday to Friday:</b> 10:00 AM - 1:00 PM</li></ul><p>Feel free to contact us outside these hours via email or phone.</p></span>
</div>
</details>
</div>
<div class="faq-item">
<details itemprop="mainEntity" itemscope itemtype="https://schema.org/Question">
<summary itemprop="name">How can I contact Earnanswers?</summary>
<div itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer" class="faq-answer">
<span itemprop="text" content="<p>You can reach us via:</p><ul><li><b>Email:</b> <a href='mailto:admin@earnanswers.com'>admin@earnanswers.com</a></li><li><b>Phone:</b> <a href='tel:+18194851495'>(819) 485-1495</a></li></ul>"><p>You can reach us via:</p><ul><li><b>Email:</b> <a href='mailto:admin@earnanswers.com'>admin@earnanswers.com</a></li><li><b>Phone:</b> <a href='tel:+18194851495'>(819) 485-1495</a></li></ul></span>
</div>
</details>
</div>
<div class="faq-item">
<details itemprop="mainEntity" itemscope itemtype="https://schema.org/Question">
<summary itemprop="name">What payment methods do you accept?</summary>
<div itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer" class="faq-answer">
<span itemprop="text" content="<p>We accept the following payment methods:</p><ul><li>Credit Card</li><li>PayPal</li><li>Bank Transfer</li></ul>"><p>We accept the following payment methods:</p><ul><li>Credit Card</li><li>PayPal</li><li>Bank Transfer</li></ul></span>
</div>
</details>
</div>
<div class="faq-item">
<details itemprop="mainEntity" itemscope itemtype="https://schema.org/Question">
<summary itemprop="name">Do you serve clients outside Gatineau and Ottawa?</summary>
<div itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer" class="faq-answer">
<span itemprop="text" content="<p>Yes, we serve clients across Canada, the United States, and France. Our digital services are available globally.</p>"><p>Yes, we serve clients across Canada, the United States, and France. Our digital services are available globally.</p></span>
</div>
</details>
</div>
<div class="faq-item">
<details itemprop="mainEntity" itemscope itemtype="https://schema.org/Question">
<summary itemprop="name">What languages do you support?</summary>
<div itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer" class="faq-answer">
<span itemprop="text" content="<p>We support both English and French for all our services.</p>"><p>We support both English and French for all our services.</p></span>
</div>
</details>
</div>
<div class="faq-item">
<details itemprop="mainEntity" itemscope itemtype="https://schema.org/Question">
<summary itemprop="name">How much do your services cost?</summary>
<div itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer" class="faq-answer">
<span itemprop="text" content="<p>For detailed pricing information, please visit our <a href='/service'>service page</a>. You’ll find all our offers and pricing there.</p>"><p>For detailed pricing information, please visit our <a href='/service'>service page</a>. You’ll find all our offers and pricing there.</p></span>
</div>
</details>
</div>
</section>
<section class="cta-home">
<button onclick="window.location.href='tel:8194851495'">Call Us</button>
<button onclick="window.location.href='https://calendly.com/earnanswers/quick-call?month=2025-01'">Book a Call</button>
</section>
<section id="blogs" class="hidden">
<h2>Latest Blog Posts</h2>
<div class="carousel-container">
<div class="carousel">
<div class="carousel-item">
<img src="/img/webp/blog78/cardova_android.webp" alt="Apache Cordova and Android platform logos with a server connection diagram, illustrating large file download and save for Android Cordova applications from a server.">
<h3>Download and Save Large File in Android Cordova App</h3>
<a href="/blog-element/download-and-save-large-file-in-android-cordova-app">Read</a>
</div>
<div class="carousel-item">
<img src="/img/webp/blog78/cardova_android.webp" alt="Apache Cordova and Android platform logos with a server connection diagram, illustrating localhost API communication in mobile apps.">
<h3>How to HTTP API requests from Android to locahost</h3>
<a href="/blog-element/how-to-http-api-requests-from-android-to-locahost">Read</a>
</div>
<div class="carousel-item">
<img src="/img/webp/blog77/aifftomp3.webp" alt="An image of a flag with the text 'AIFF to MP3' written on it, hanging near a window. In the foreground, audio bars symbolize sound or noise.">
<h3>How to Convert AIFF to MP3?</h3>
<a href="/blog-element/how-to-convert-aiff-to-mp3">Read</a>
</div>
<div class="carousel-item">
<img src="/img/webp/blog75/get-g1-drivers-license-2025-new-drivers-in-ontario.webp" alt="Man showing his driver's license to a police officer during a traffic stop.">
<h3>Get G1 driver's license 2025 | New Drivers in Ontario </h3>
<a href="/blog-element/get-g1-drivers-license-2025-new-drivers-in-ontario">Read</a>
</div>
<div class="carousel-item">
<img src="/img/webp/blog74/1.webp" alt="Minea homepage banner showcasing the software's features and interface">
<h3>Minea Review: Is Minea Worth It ?</h3>
<a href="/blog-element/minea-review-is-minea-worth-it">Read</a>
</div>
<div class="carousel-item">
<img src="/img/webp/blog73/closify_tryclosifycom_review.webp" alt="Closify homepage showcasing the platform for hiring commission-only sales reps, with options to recruit, hire, and manage salespeople for businesses. Includes a sign-up button and a glimpse of the job posting dashboard.">
<h3>Closify tryclosify.com Review</h3>
<a href="/blog-element/closify-tryclosify-com-review">Read</a>
</div>
<div class="carousel-item">
<img src="/img/webp/blog70/advanced_design_system.webp" alt="Background image featuring vivid neon circuit patterns in pink, blue, and orange on a dark backdrop. The image also includes a large Keysight Technologies logo in the center, with two smaller inserts on the right: the first displaying the Advanced Design System 2024 Update 2.0 banner and the second showing a waveform icon.">
<h3>Optimizing Transistor DC Biasing with Advanced Design System ADS</h3>
<a href="/blog-element/optimizing-transistor-dc-biasing-with-advanced-design-system-ads">Read</a>
</div>
<div class="carousel-item">
<img src="/img/webp/blog70/advanced_design_system.webp" alt="Background image featuring vivid neon circuit patterns in pink, blue, and orange on a dark backdrop. The image also includes a large Keysight Technologies logo in the center, with two smaller inserts on the right: the first displaying the Advanced Design System 2024 Update 2.0 banner and the second showing a waveform icon.">
<h3>How to Design a Active Circuit Low-Noise Amplifier LNA Using Advanced Design System ADS</h3>
<a href="/blog-element/how-to-design-a-active-circuit-low-noise-amplifier-lna-using-advanced-design-system-ads">Read</a>
</div>
<div class="carousel-item">
<img src="/img/webp/blog70/advanced_design_system.webp" alt="Background image featuring vivid neon circuit patterns in pink, blue, and orange on a dark backdrop. The image also includes a large Keysight Technologies logo in the center, with two smaller inserts on the right: the first displaying the Advanced Design System 2024 Update 2.0 banner and the second showing a waveform icon.">
<h3>Advanced Design System Tutorial</h3>
<a href="/blog-element/advanced-design-system-tutorial">Read</a>
</div>
<div class="carousel-item">
<img src="/img/webp/blog64/banner1.webp" alt="A collage of fall-themed nail designs showcasing various styles.">
<h3>How to Have the Perfect Nails this Autumn 2024</h3>
<a href="/blog-element/how-to-have-the-perfect-nails-this-autumn-2024">Read</a>
</div>
</div>
</div>
<div class="carousel-nav">
<button id="prevBtn">Previous</button>
<button id="nextBtn">Next</button>
</div>
</section>
<script>
// JavaScript for Carousel Navigation
const carousel = document.querySelector('.carousel');
const prevBtn = document.getElementById('prevBtn');
const nextBtn = document.getElementById('nextBtn');
let currentIndex = 0;
const updateCarousel = () => {
const itemWidth = document.querySelector('.carousel-item').offsetWidth;
carousel.style.transform = `translateX(-${currentIndex * itemWidth}px)`;
};
prevBtn.addEventListener('click', () => {
if (currentIndex > 0) {
currentIndex--;
updateCarousel();
}
});
nextBtn.addEventListener('click', () => {
if (currentIndex < 9) {
currentIndex++;
updateCarousel();
}
});
// Responsive Carousel Adjustment
window.addEventListener('resize', () => {
updateCarousel();
});
</script>
<section class="cta-home">
<button onclick="window.location.href='tel:8194851495'">Call Us</button>
<button onclick="window.location.href='https://calendly.com/earnanswers/quick-call?month=2025-01'">Book a Call</button>
</section>
<!-- < %- include('email-collect-section/email-collect-section.ejs') -->
<style id="specific-style">
/* Hide everything below the <style> tag */
#specific-style:last-of-type ~ * {
display: none !important;
visibility: hidden !important;
position: absolute !important;
height: 0 !important;
width: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
</style>
<!-- TRANSFERED -->
<!-- Publisher (Organization) -->
<!-- Aggregate Rating -->
<!-- Reviews -->
<!-- <div itemprop="publisher" itemscope itemtype="https://schema.org/Organization">
<span itemprop="url" content="< %= locals.root_domain < %= locals.schema.organization_path "></span>
<div itemprop="aggregateRating" itemscope itemtype="https://schema.org/AggregateRating">
<div itemprop="itemReviewed" itemscope itemtype="https://schema.org/LocalBusiness">
<span itemprop="name" content="< %= locals.schema.business_name "></span>
<span itemprop="url" content="< %= locals.root_domain < %= locals.schema.business_url "></span>
</div>
<span itemprop="ratingValue" content="< %= locals.schema.aggregateRating.ratingValue "></span>
<span itemprop="bestRating" content="5.0"></span>
<span itemprop="worstRating" content="0.0"></span>
<span itemprop="ratingCount" content="< %= locals.schema.aggregateRating.ratingCount "></span>
</div>
< % locals.gmb_review.forEach(function(gmb_review) {
<div itemprop="review" itemscope itemtype="https://schema.org/Review">
<div itemprop="itemReviewed" itemscope itemtype="https://schema.org/LocalBusiness">
<span itemprop="name" content="< %= locals.schema.business_name "></span>
<span itemprop="url" content="< %= locals.root_domain < %= locals.schema.business_url "></span>
</div>
<span itemprop="reviewBody" content="< %= gmb_review.text "></span>
<span itemprop="datePublished" content="< %= gmb_review.schema_time "></span>
<div itemprop="reviewRating" itemscope itemtype="https://schema.org/Rating">
<span itemprop="ratingValue" content="< %= gmb_review.rating "></span>
<span itemprop="bestRating" content="5.0"></span>
<span itemprop="worstRating" content="0.0"></span>
</div>
<div itemprop="author" itemscope itemtype="https://schema.org/Person">
<span itemprop="name" content="< %= gmb_review.author_name "></span>
<span itemprop="url" content="< %= gmb_review.author_url "></span>
</div>
</div>
< % });
</div> -->
<!-- Case Studies (CreativeWork) -->
<!-- Keywords -->
<!-- < % locals.case_studies.forEach(function(case_study) {
<div itemprop="mainEntity" itemscope itemtype="https://schema.org/CreativeWork">
<span itemprop="name" content="< %= case_study.name "></span>
<span itemprop="url" content="< %= case_study.website "></span>
<span itemprop="sameAs" content="< %= case_study.website "></span>
<span itemprop="description" content="< %= case_study.alt_1 "></span>
<span itemprop="image" content="< %= case_study.img_main_keyword_ranking_performance_graph_path "></span>
< % case_study.schema_keywords.forEach(function(keyword) {
<span itemprop="keywords" content="< %= keyword "></span>
< % });
</div>
< % }); -->
<!-- Services -->
<!-- < % locals.navigation_options.services.forEach(function(service) {
<div itemprop="mainEntity" itemscope itemtype="https://schema.org/Service">
<span itemprop="name" content="< %= service.name "></span>
<span itemprop="url" content="< %= locals.root_domain < %= service.slug "></span>
</div>
< % }); -->
<!-- FAQ Schema -->
<!-- <span itemprop="mainEntity" itemscope itemtype="https://schema.org/FAQPage">
< % locals.faq.forEach(function(faq) {
<span itemprop="mainEntity" itemscope itemtype="https://schema.org/Question">
<span itemprop="name" content="< %= faq.q "></span>
<span itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
<span itemprop="text" content="< %= faq.a "></span>
</span>
</span>
< % });
</span> -->
<!-- General -->
<!-- <span itemprop="name" content="< %= locals.h1 "></span> -->
<span itemprop="url" content="https://earnanswers.com"></span>
<span itemprop="description" content="Earnanswers: Expert web design and development services in Ottawa, Ontario, and Gatineau, Quebec. Specializing in AI automation, AI agent integration, SEO, and data management. Find top-rated web design near me, near Ottawa, and near Gatineau."></span>
<span itemprop="image" content="https://earnanswers.com/img/logo/logo.png"></span>
<!-- Keywords -->
<span itemprop="keywords" content="web design ottawa"></span>
<span itemprop="keywords" content="web design near me"></span>
<span itemprop="keywords" content="web design near ottawa"></span>
<span itemprop="keywords" content="web development ottawa"></span>
<span itemprop="keywords" content="web development near me"></span>
<span itemprop="keywords" content="web design ottawa ontario"></span>
<span itemprop="keywords" content="website design ottawa"></span>
<span itemprop="keywords" content="seo services ottawa"></span>
<span itemprop="keywords" content="seo services near me"></span>
<span itemprop="keywords" content="seo services near ottawa"></span>
<span itemprop="keywords" content="local seo services ottawa"></span>
<span itemprop="keywords" content="local seo services near ottawa"></span>
<span itemprop="keywords" content="google my business ottawa"></span>
<span itemprop="keywords" content="gmb ottawa"></span>
<span itemprop="keywords" content="seo optimization ottawa"></span>
<span itemprop="keywords" content="seo optimization near me"></span>
<span itemprop="keywords" content="seo optimization near ottawa"></span>
<span itemprop="keywords" content="website development ottawa"></span>
<span itemprop="keywords" content="ai automation ottawa"></span>
<span itemprop="keywords" content="ai automation near me"></span>
<span itemprop="keywords" content="ai automation near ottawa"></span>
<span itemprop="keywords" content="seo agency ottawa"></span>
<span itemprop="keywords" content="web design agency ottawa"></span>
<span itemprop="keywords" content="web design services ottawa"></span>
<span itemprop="keywords" content="best web design ottawa"></span>
<span itemprop="keywords" content="web design company ottawa"></span>
<span itemprop="keywords" content="ottawa web designers"></span>
<span itemprop="keywords" content="web design companies near ottawa"></span>
<span itemprop="keywords" content="local web design ottawa"></span>
<span itemprop="keywords" content="affordable web design ottawa"></span>
<!-- Breadcrumb -->
<div itemprop="breadcrumb" itemscope itemtype="https://schema.org/BreadcrumbList">
<div itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
<span itemprop="name" content="Home"></span>
<span itemprop="position" content="1"></span>
<span itemprop="item" content="https://earnanswers.com"></span>
</div>
</div>
</main>
<footer>
<div>
<div id="social-media">
<!-- <a href="#"><i class="fa-brands fa-twitter"></i></a>
<a href="#"><i class="fa-brands fa-pinterest"></i></a>
<a href="#"><i class="fa-brands fa-github"></i></a>
<a href="#"><i class="fa-brands fa-youtube"></i></a> -->
<style>
body>footer>div>div#social-media>a[href='https://www.facebook.com/profile.php?id=61565356388343']>img:hover {
content: url('https://earnanswers.com/img/icons/facebook_yellow.svg');
}
body>footer>div>div#social-media>a[href='https://www.linkedin.com/company/earnanswers']>img:hover {
content: url('https://earnanswers.com/img/icons/linkedin_yellow.svg');
}
body>footer>div>div#social-media>a[href='https://medium.com/@earnanswers2']>img:hover {
content: url('https://earnanswers.com/img/icons/medium_yellow.svg');
}
body>footer>div>div#social-media>a[href='https://www.youtube.com/@Earnanswerscom']>img:hover {
content: url('https://earnanswers.com/img/icons/youtube_yellow.svg');
}
body>footer>div>div#social-media>a[href='https://twitter.com/EarnAnswers']>img:hover {
content: url('https://earnanswers.com/img/icons/twitter_yellow.svg');
}
body>footer>div>div#social-media>a[href='https://www.pinterest.ca/earnanswers']>img:hover {
content: url('https://earnanswers.com/img/icons/pinterest_yellow.svg');
}
body>footer>div>div#social-media>a[href='https://www.quora.com/profile/Earnanswers']>img:hover {
content: url('https://earnanswers.com/img/icons/quora_yellow.svg');
}
/* body>footer>div>div#social-media>a[href='https://www.reddit.com/user/BobEponge4522/']>img:hover {
content: url('< %=process.env.ROOT_DOMAIN/img/icons/reddit_yellow.svg');
} */
body > footer > div > div#social-media > a[href='https://instagram.com/earnanswers2'] > img:hover {
content: url('https://earnanswers.com/img/icons/insta_yellow.svg');
}
body>footer>div>div#social-media>a[href='mailto:admin@earnanswers.com']>img:hover {
content: url('https://earnanswers.com/img/icons/email_yellow.svg');
}
</style>
<!-- https://www.reddit.com/user/Earnanswers2 -->
<!-- <a target="_blank" rel="noopener nofollow" href="https://www.reddit.com/user/BobEponge4522/">
<img style="height: 44px; width: 44px;" src="https://earnanswers.com/img/icons/reddit_blue.svg"
alt="Reddit logo SVG image">
</a> -->
<a target="_blank" rel="noopener nofollow" href="https://www.facebook.com/profile.php?id=61565356388343">
<img style="height: 44px; width: 44px;" src="https://earnanswers.com/img/icons/facebook_blue.svg" alt="Facebook logo SVG image">
</a>
<a target="_blank" rel="noopener nofollow" href="https://www.linkedin.com/company/earnanswers">
<img style="height: 44px; width: 44px;" src="https://earnanswers.com/img/icons/linkedin_blue.svg" alt="Linkedin logo SVG image">
</a>
<a target="_blank" rel="noopener nofollow" href="https://medium.com/@earnanswers2">
<img style="height: 44px; width: 44px;" src="https://earnanswers.com/img/icons/medium_blue.svg" alt="Medium logo SVG image">
</a>
<a target="_blank" rel="noopener nofollow" href="https://www.youtube.com/@Earnanswerscom">
<img style="height: 44px; width: 44px;" src="https://earnanswers.com/img/icons/youtube_blue.svg" alt="Youtube logo SVG image">
</a>
<a target="_blank" rel="noopener nofollow" href="https://twitter.com/EarnAnswers">
<img style="height: 44px; width: 44px;" src="https://earnanswers.com/img/icons/twitter_blue.svg" alt="Twitter logo SVG image">
</a>
<a target="_blank" rel="noopener nofollow" href="https://www.pinterest.ca/earnanswers">
<img style="height: 44px; width: 44px;" src="https://earnanswers.com/img/icons/pinterest_blue.svg" alt="Pinterest logo SVG image">
</a>
<a target="_blank" href="https://www.quora.com/profile/Earnanswers">
<img style="height: 44px; width: 44px;" src="https://earnanswers.com/img/icons/quora_blue.svg" alt="Quora logo SVG image">
</a>
<a target="_blank" rel="noopener nofollow" href="https://instagram.com/earnanswers2">
<img style="height: 44px; width: 44px;" src="https://earnanswers.com/img/icons/insta.svg" alt="Instagram logo SVG image">
</a>
<a target="_blank" rel="noopener nofollow" href="mailto:admin@earnanswers.com">
<img style="height: 44px; width: 44px;" src="https://earnanswers.com/img/icons/email_blue.svg" alt="Email logo SVG image">
</a>
<!-- Facebook -->
<!-- <a target="_blank" rel="noopener nofollow" href="https://www.facebook.com/profile.php?id=61565356388343">
<img style="height: 44px; width: 44px;" src="< %=process.env.ROOT_DOMAIN/img/icons/facebook.svg" alt="Facebook logo SVG image">
</a> -->
</div>
<nav>
<a href="https://earnanswers.com/sub/contact">Contact</a>
<a href="https://earnanswers.com/sub/tad">Terms and Conditions</a>
<a href="https://earnanswers.com/sub/html-sitemap">HTML Sitemap</a>
<a href="https://earnanswers.com/sub/submit-content">Submit Content</a>
<a href="https://earnanswers.com/sub/guest-posting">Guest Posting</a>
<span>Code 1238</span>
</nav>
</div>
<!-- <div>???</div> -->
</footer>
</body>
</html>
