<meta charset="UTF-8">
<header>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<img id="header-img" src="https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fbrandslogos.com%2Fwp-content%2Fuploads%2Fimages%2Flarge%2Fduckduckgo-logo.png&f=1&nofb=1&ipt=453d58fd78e55aecf6b36f0c9dc90a1c89509297a5f7bd6de9971828f92ebf75&ipo=images"</img>
</header>
<h1>Why use DuckDuckGo?</h1>
<h2>because privacy still matters.</h2>
<div class="container">
<p>With modern tech, it seems like we have to accept companies keeping and selling our data to use their products. But what if that wasn't true? What if privacy and security were prioritized? Enter DuckDuckGo. We believe you don't have to sacrifice privacy for convenience. With DuckDuckGo, you can search using our web browser and send emails without worrying about being tracked.</p>
</div>
<div id="more-duckduckgo-info">
<h3 id="learn-about-duckduckgo">What our customers love about DuckDuckGo</h3>
<iframe width="300px" height="300px" src="https://www.youtube-nocookie.com/embed/3ml7yeKBUhc?si=1VB71UpKSB-Xn-d8" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div>
<div>
<ul>
<h3>Perks of DuckDuckGo</h3>
<li>Live your life without internet tracking</li>
<li>Less annoying ads</li>
<li>Control your digital information</li>
</ul>
</div>
<h3>Ready to take back your online life?</h3>
<h3 id="app-download-button"><a href="https://duckduckgo.com/app">Download the DuckDuckGo App today</a></h3>
<h3>Bye Google 👋</h3>
<footer>
<a href="https://x.com/DuckDuckGo" class="fa fa-twitter"></a>
<a href="https://www.youtube.com/@duckduckgo2597/featured" class="fa fa-youtube"></a>
</footer>
* {
background-color: #fcfdff;
font-family: 'Gill Sans', sans-serif;
}
#header-img {
height: 30%;
width: 15%;
}
h1 {
text-align: center;
font-size: 5em;
color: #204d93;
}
h2 {
text-align: center;
font-size: 3em;
color: #e44c00;
}
h3 {
font-size: 1.5em;
padding: 15px;
text-align: center;
}
p {
padding: 5px;
margin: 15px;
}
.container {
margin-top: 40px;
margin-right: 3px;
margin-bottom: 15px;
margin-left: 13em;
padding-right: 40px;
padding-bottom: 40px;
padding-left: 4em;
width: 800px;
height: 70px;
border: 2px solid #204d93;
border-radius: 5px;
}
#more-duckduckgo-info {
padding: 30px;
height: 750px;
width: 100%;
background-color: #204d93;
}
#learn-about-duckduckgo {
background-color: #204d93;
color: #fff;
font-size: 2.4em;
text-align: left;
}
iframe {
display: flex;
width: 75%;
height: 80%;
}
li {
list-style-type: none;
background-color: #ffd200;
margin: 18px;
padding: 4px;
border-radius: 8px;
line-height: 2.5em;
}
#app-download-button {
color: black;
border: 2px solid #e44c00;
width: 18.4em;
margin: 0 auto;
}
a {
text-decoration: none;
}
.fa {
padding: 15px;
border-radius: 30%;
}
.fa-twitter {
background: #55ACEE;
color: white;
}
.fa-youtube {
background: #dd4b39;
color: white;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.