-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
30 lines (30 loc) · 5.62 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<!DOCTYPE html>
<html>
<head>
<title>Keyword Finder 2023</title>
<style>@import url(https://fonts.googleapis.com/css2?family=Kanit:wght@200;400;600&display=swap);form fieldset,form input[type=text]{background-color:rgb(255 255 255 / 40%);backdrop-filter:blur(13px);box-shadow:rgb(100 100 111 / 20%) 0 7px 29px}*{box-sizing:border-box}body{width:100vw;height:100vh;margin:0;padding:0;overflow:hidden;font-family:Kanit,sans-serif;background-image:linear-gradient(180deg,rgba(0,0,0,.01),rgb(21 160 241 / 49%) 85%),radial-gradient(ellipse at top left,rgb(209 73 21 / 50%),transparent 50%),radial-gradient(ellipse at top right,rgb(219 161 30 / 50%),transparent 50%),radial-gradient(ellipse at center right,rgb(16 226 247 / 50%),transparent 50%),radial-gradient(ellipse at center left,rgb(34 135 207 / 50%),transparent 50%)}img{width:100%;border-radius:10px;display:block}.container{max-width:45%;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center}.container h1{display:flex;align-items:center;font-weight:400;width:100%;font-size:3rem;text-align:center;color:#fff;text-shadow:0 0 .2rem #000;backdrop-filter:blur(13px)}.container h1>span{display:flex;align-items:center;text-shadow:0 0 .2rem #fff;color:rgba(226,73,10,.7);backdrop-filter:blur(13px);font-weight:600;margin-right:.75rem}.container h1 svg{widht:3rem;height:3rem;margin:0 .5rem 0 .75rem;fill:rgba(226,73,10,0.70);backdrop-filter:blur(13px)}form{width:100%;margin-bottom:1.5rem}form label{margin-bottom:.5rem;display:block;font-size:16px}form input[type=text]{display:block;border:.25rem solid;border-radius:.35rem;padding:.5em .7em;outline:0;width:100%;font-size:1rem}form input[type=text]:focus{border:.25rem solid rgba(223,73,10,.5)}form fieldset{display:grid;grid-template-columns:1fr;grid-gap:10px;border:.25rem solid;border-radius:.35rem;font-weight:200;padding:1rem .7rem;margin-top:1rem}form fieldset legend{margin:0 0 .4rem;font-weight:500}form output{font-family:system-ui;letter-spacing:1px;white-space:pre-wrap;font-size:1rem;margin:0}</style>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.3/jquery.min.js" integrity="sha512-STof4xm1wgkfm7heWqFJVn58Hm3EtS31XFaagaa8VMReCXAkQnJZ+jEy8PCC/iT18dFy95WcExNHFTqLyp72eQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script>!function(t){"use strict";t.fn.keywords=function(){return this.each(function(){!function e(a){let s=a.first("[data-keywords]"),o=s.attr("data-keywords-target");s.on("keyup",function(){var e;let a=(e=t(this).val()).toString().toLowerCase().replace(/\s+/g,"+").replace(/\-\-+/g,"+").replace(/[\s_-]+/g,"+");t.ajax({type:"post",url:"https://api.bing.com/osjson.aspx?query="+a+"&JsonType=callback&JsonCallback=?",success:function(e){var a;let s=(a=e).toString().toLowerCase().replace(/,/g," \n");t(o).text(s)},dataType:"jsonp"})}).keyup()}(t(this))})},t("[data-keywords]").keywords()}(jQuery);</script>
</head>
<body>
<section class="container">
<h1>Keyword <span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352c79.5 0 144-64.5 144-144s-64.5-144-144-144S64 128.5 64 208s64.5 144 144 144z"/></svg> Finder</span> 2023</h1>
<form>
<label for="deliver-keyword-finder">Keyword</label>
<input name="deliver-keyword-finder" id="deliver-keyword-finder" type="text" data-keywords="" data-keywords-target=".deliver-keyword-finder-output" placeholder="enter keywords" value="keyword" />
<fieldset>
<legend>Keyword output</legend>
<output class="deliver-keyword-finder-output"></output>
</fieldset>
</form>
</section>
<article>
<h2>Free Keyword Finder 2023</h2>
<p><a href="https://codepen.io/Hatsekidee/pen/wvxXNPN">Keyword Finder 2023</a> is a powerful tool that helps you find the perfect keywords for your website or online content. With its easy-to-use interface, you can simply type in a keyword or phrase and receive a list of suggested keywords that are relevant to your topic.</p>
<p>One of the key features of Keyword Finder 2023 is its ability to generate a wide range of keyword suggestions. Whether you're looking for long-tail keywords, short-tail keywords, or even related keywords, this tool has you covered. It uses advanced algorithms to analyze your input and provide you with a list of highly relevant keywords.</p>
<p>Another great feature of Keyword Finder 2023 is its ability to show you the search volume and competition for each keyword. This allows you to quickly identify the most popular keywords and those with the least competition, making it easy to optimize your content for search engines.</p>
<p>In addition to its advanced functionality, Keyword Finder 2023 is also incredibly user-friendly. The interface is clean and easy to navigate, making it accessible to users of all skill levels. Plus, the tool is constantly updated to ensure that it stays ahead of the curve in terms of keyword research.</p>
<p>Overall, Keyword Finder 2023 is a must-have tool for anyone looking to improve their SEO and visibility on search engines. Whether you're a blogger, marketer, or business owner, this tool will help you find the perfect keywords to drive traffic to your website and grow your online presence. So why wait? Give Keyword Finder 2023 a try today and take your SEO to the next level!</p>
</article>
</body>
</html>