Our team of SEO Web Design gurus are standing by to assist you achieve your online marketing goals.

(541) 799-0040‬

SEO Web Design, LLC aims to improve business by delivering effective solutions based on innovative technologies and professional designs. Discover the variety of services we offer and convince yourself on the basis of the latest works that we've done. We love building fresh, unique and usable websites optimized specifically for your niche.

Responsive Web Design

SEO / SEM / Social Media

Conversion Rate Optimization

Email Marketing

Online Presence Analysis

Web Hosting
SEO Web Design / Web Design  / Create A Bookmarking Application With FaunaDB, Netlify And 11ty

Create A Bookmarking Application With FaunaDB, Netlify And 11ty

About The Author

Bryan is a designer, developer, and educator with a passion for CSS and static sites. He actively works to mentor and teach developers and designers the value … More about Bryan Robinson[1]

In this article, we’ll create a personal bookmarking site using FaunaDB, Netlify Functions and 11ty data files.

The JAMstack (JavaScript, APIs and Markup) revolution is in full swing. Static sites are secure, fast, reliable and fun to work on. At the heart of the JAMstack are static site generators (SSGs) that store your data as flat files: Markdown, YAML, JSON, HTML, and so on. Sometimes, managing data this way can be overly complicated. Sometimes, we still need a database.

With that in mind, Netlify — a static site host and FaunaDB — a serverless cloud database — collaborated to make combining both systems easier. 

Why A Bookmarking Site?

The JAMstack is great for many professional uses, but one of my favorite aspects of this set of technology is its low barrier to entry for personal tools and projects.

There are plenty of good products on the market for most applications I could come up with, but none would be exactly set up for me. None would give me full control over my content. None would come without a cost (monetary or informational).

With that in mind, we can create our own mini-services using JAMstack methods. In this case, we’ll be creating a site to store and publish any interesting articles I come across in my daily technology reading.

I spend a lot of time reading articles that have been shared on Twitter. When I like one, I hit the “heart” icon. Then, within a few days, it’s nearly impossible to find with the influx of new favorites. I want to build something as close to the ease of the “heart,” but that I own and control.

How are we going to do that? I’m glad you asked.

Interested in getting the code? You can

grab it on Github[2] or just deploy straight to Netlify from that repository! Take a look at the finished product here[3].

Our Technologies

Hosting And Serverless Functions: Netlify

For hosting and serverless functions, we’ll be utilizing Netlify. As an added bonus, with the new collaboration mentioned above, Netlify’s CLI — “Netlify Dev” — will automatically connect to FaunaDB and store our API keys as environment variables.

Database: FaunaDB

FaunaDB is a “serverless” NoSQL database. We’ll be using it to store our bookmarks data.

Static Site Generator: 11ty

I’m a big believer in HTML. Because of this, the tutorial won’t be using front-end JavaScript to render our bookmarks. Instead, we’ll utilize 11ty as a static site generator. 11ty has built-in data functionality that makes fetching data from an API as easy as writing a couple of short JavaScript functions.

iOS Shortcuts

We’ll need an easy way to post data to our database. In this case, we’ll use iOS’s Shortcuts app. This could be converted to an Android or desktop JavaScript bookmarklet, as well.

Setting Up FaunaDB Via Netlify Dev

Whether you have already signed up for FaunaDB or you need to create a new account, the easiest way to set up a link between FaunaDB and Netlify is via Netlify’s CLI: Netlify Dev. You can find full instructions from FaunaDB here[4] or follow along below.

Netlify Dev running in the final project with our environment variable names showing
Netlify Dev running in the final project with our environment variable names showing (Large preview[5])

If you don’t already have this installed, you can run the following command in Terminal:

npm install netlify-cli -g

From within your project directory, run through the following commands:

netlify init // This will connect your project to a Netlify project

netlify addons:create fauna // This will install the FaunaDB "addon"

netlify addons:auth fauna // This command will run you through connecting your account or setting up an account

Once this is all connected, you can run netlify dev in your project. This will run any build scripts we set up, but also connect to the Netlify and FaunaDB services and grab any necessary environment variables. Handy!

Creating Our First Data

From here, we’ll log into FaunaDB and create our first data set. We’ll start by creating a new Database called “bookmarks.” Inside a Database, we have Collections, Documents and Indexes.

A screenshot of the FaunaDB console with data
A screenshot of the FaunaDB console with data (Large preview[6])

A Collection is a categorized group of data. Each piece of data takes the form of a Document. A Document is a “single, changeable record within a FaunaDB database,” according to Fauna’s documentation. You can think of Collections as a traditional database table and a Document as a row.

For our application, we need one Collection, which we’ll call “links.” Each document within the “links” Collection will be a simple JSON object with three properties. To start, we’ll add a new Document that we’ll use to build our first data fetch.

  "url": "",
  "pageTitle": "CSS { In Real Life } | Debugging CSS Grid – Part 2: What the Fr(action)?",
  "description": "CSS In Real Life is a blog covering CSS topics and useful snippets on the web’s most beautiful language. Published by Michelle Barker, front end developer at Ordoo and CSS superfan."

This creates the basis for the information we’ll need to pull from our bookmarks as well as provides us with our first set of data to pull into our template.

If you’re like me, you want to see the fruits of your labor right away. Let’s get something on the page!

Installing 11ty And Pulling Data Into A Template

Since we want the bookmarks to be rendered in HTML and not fetched by the browser, we’ll need something to do the rendering. There are many great ways of doing it, but for ease and power, I love using the 11ty static site generator.

Since 11ty is a JavaScript static site generator, we can install it via NPM.

npm install --save @11ty/eleventy

From that installation, we can run eleventy or eleventy --serve in our project to get up and running.

Netlify Dev will often detect 11ty as a requirement and run the command for us. To have this work – and make sure we’re ready to deploy, we can also create “serve” and “build” commands in our package.json.

"scripts": {
    "build": "npx eleventy",
    "serve": "npx eleventy --serve"

11ty’s Data Files

Most static site generators have an idea of a “data file” built-in. Usually, these files will be JSON or YAML files that allow you to add extra information to your site.

In 11ty, you can use JSON data files or JavaScript data files. By utilizing a JavaScript file, we can actually make our API calls and return the data directly into a template.

By default, 11ty wants data files stored in a _data directory. You can then access the data by using the file name as a variable in your templates. In our case, we’ll create a file at _data/bookmarks.js and access that via the {{ bookmarks }} variable name.

If you want to dig deeper into data file configuration, you can read through examples in the 11ty documentation[7] or check out this tutorial on using 11ty data files with the Meetup API[8].

The file will be a JavaScript module. So in order to have anything work, we need to export either our data or a function. In our case, we’ll export a function.

module.exports = async function() {  
    const data = mapBookmarks(await getBookmarks());  

    return data.reverse()  

Let’s break that down. We have two functions doing our main work here: mapBookmarks() and getBookmarks()

The getBookmarks() function will go fetch our data from our FaunaDB database and mapBookmarks() will take an array of bookmarks and restructure it to work better for our template.

Let’s dig deeper into getBookmarks().


First, we’ll need to install and initialize an instance of the FaunaDB JavaScript driver.

npm install --save faunadb

Now that we’ve installed it, let’s add it to the top of our data file. This code is straight from Fauna’s docs[9].

// Requires the Fauna module and sets up the query module, which we can use to create custom queries.
const faunadb = require('faunadb'),  
      q = faunadb.query;

// Once required, we need a new instance with our secret
var adminClient = new faunadb.Client({  
   secret: process.env.FAUNADB_SERVER_SECRET  

After that, we can create our function. We’ll start by building our first query using built-in methods on the driver. This first bit of code will return the database references we can use to get full data for all of our bookmarked links. We use the Paginate method, as a helper to manage cursor state should we decide to paginate the data before handing it to 11ty. In our case, we’ll just return all the references.

In this example, I’m assuming you installed and connected FaunaDB via the Netlify Dev CLI. Using this process, you get local environment variables of the FaunaDB secrets. If you didn’t install it this way or aren’t running netlify dev in your project, you’ll need a package like dotenv to create the environment variables. You’ll also need to add your environment variables to your Netlify site configuration to make deploys work later.

       q.Match( // Match the reference below
           q.Ref("indexes/all_links") // Reference to match, in this case, our all_links index  
   .then( response => { ... })

This code will return an array of all of our links in reference form. We can now build a query list to send to our database.

    .then((response) => {  
        const linkRefs =; // Get just the references for the links from the response 
        const getAllLinksDataQuery = => {  
        return q.Get(ref) // Return a Get query based on the reference passed in  

return adminClient.query(getAllLinksDataQuery).then(ret => {  
    return ret // Return an array of all the links with full data  

From here, we just need to clean up the data returned. That’s where mapBookmarks() comes in!


In this function, we deal with two aspects of the data.

First, we get a free dateTime in FaunaDB. For any data created, there’s a timestamp (ts) property. It’s not formatted in a way that makes Liquid’s default date filter happy, so let’s fix that.

function mapBookmarks(data) {
    return => {
        const dateTime = new Date(bookmark.ts / 1000);

With that out of the way, we can build a new object for our data. In this case, it will have a time property, and we’ll use the Spread operator to destructure our data object to make them all live at one level.

function mapBookmarks(data) {
    return => {
        const dateTime = new Date(bookmark.ts / 1000);

        return { time: dateTime, }

Here’s our data before our function:

  ref: Ref(Collection("links"), "244778237839802888"),
  ts: 1569697568650000,
  data: { 
    url: '',
    pageTitle: 'Sample title',
    description: 'An escaped description goes here' 

Here’s our data after our function:

    time: 1569697568650,
    url: '',
    pageTitle: 'Sample title'
    description: 'An escaped description goes here'

Now, we’ve got well-formatted data that’s ready for our template!

Let’s write a simple template. We’ll loop through our bookmarks and validate that each has a pageTitle and a url so we don’t look silly.

{% for link in bookmarks %} {% if link.url and link.pageTitle %} // confirms there’s both title AND url for safety

{{ link.pageTitle }}

Saved on {{ link.time | date: "%b %d, %Y" }}

{% if link.description != "" %}

{{ link.description }}

{% endif %}
{% endif %} {% endfor %}

We’re now ingesting and displaying data from FaunaDB. Let’s take a moment and think about how nice it is that this renders out pure HTML and there’s no need to fetch data on the client side!

But that’s not really enough to make this a useful app for us. Let’s figure out a better way than adding a bookmark in the FaunaDB console.

Enter Netlify Functions

Netlify’s Functions add-on is one of the easier ways to deploy AWS lambda functions. Since there’s no configuration step, it’s perfect for DIY projects where you just want to write the code.

This function will live at a URL in your project that looks like this: assuming the file we create in our functions folder is bookmarks.js.

Basic Flow

  1. Pass a URL as a query parameter to our function URL.
  2. Use the function to load the URL and scrape the page’s title and description if available.
  3. Format the details for FaunaDB.
  4. Push the details to our FaunaDB Collection.
  5. Rebuild the site.


We’ve got a few packages we’ll need as we build this out. We’ll use the netlify-lambda CLI to build our functions locally. request-promise is the package we’ll use for making requests. Cheerio.js is the package we’ll use to scrape specific items from our requested page (think jQuery for Node). And finally, we’ll need FaunaDb (which should already be installed.

npm install --save netlify-lambda request-promise cheerio

Once that’s installed, let’s configure our project to build and serve the functions locally.

We’ll modify our “build” and “serve” scripts in our package.json to look like this:

"scripts": {
    "build": "npx netlify-lambda build lambda --config ./webpack.functions.js && npx eleventy",
    "serve": "npx netlify-lambda build lambda --config ./webpack.functions.js && npx eleventy --serve"

Warning: There’s an error with Fauna’s NodeJS driver when compiling with Webpack, which Netlify’s Functions use to build. To get around this[10], we need to define a configuration file for Webpack. You can save the following code to a newor existingwebpack.config.js.

const webpack = require('webpack');

module.exports = {
  plugins: [ new webpack.DefinePlugin({ "global.GENTLY": false }) ]

Once this file exists, when we use the netlify-lambda command, we’ll need to tell it to run from this configuration. This is why our “serve” and “build scripts use the --config value for that command.

Function Housekeeping

In order to keep our main Function file as clean as possible, we’ll create our functions in a separate bookmarks directory and import them into our main Function file.

import { getDetails, saveBookmark } from "./bookmarks/create";


The getDetails() function will take a URL, passed in from our exported handler. From there, we’ll reach out to the site at that URL and grab relevant parts of the page to store as data for our bookmark.

We start by requiring the NPM packages we need:

const rp = require('request-promise');  
const cheerio = require('cheerio');

Then, we’ll use the request-promise module to return an HTML string for the requested page and pass that into cheerio to give us a very jQuery-esque interface.

const getDetails = async function(url) {  
    const data = rp(url).then(function(htmlString) {  
        const $ = cheerio.load(htmlString);  

From here, we need to get the page title and a meta description. To do that, we’ll use selectors like you would in jQuery. 

Note: In this code, we use 'head > title' as the selector to get the title of the page. If you don’t specify this, you may end up getting </code> <em>tags inside of all SVGs on the page, which is less than ideal.</em></p> <div readability="11"> <pre><code>const getDetails = async function(url) { const data = rp(url).then(function(htmlString) { const $ = cheerio.load(htmlString); const title = $('head > title').text(); // Get the text inside the tag const description = $('meta[name="description"]').attr('content'); // Get the text of the content attribute // Return out the data in the structure we expect return { pageTitle: title, description: description }; }); return data //return to our main function }</code></pre> </div> <p>With data in hand, it’s time to send our bookmark off to our Collection in FaunaDB!</p> <h4><code>saveBookmark(details)</code></h4> <p>For our save function, we’ll want to pass the details we acquired from <code>getDetails</code> as well as the URL as a singular object. The Spread operator strikes again!</p> <pre><code>const savedResponse = await saveBookmark({url, ...details});</code></pre> <p>In our <code>create.js</code> file, we also need to require and setup our FaunaDB driver. This should look very familiar from our 11ty data file.</p> <pre><code>const faunadb = require('faunadb'), q = faunadb.query; const adminClient = new faunadb.Client({ secret: process.env.FAUNADB_SERVER_SECRET }); </code></pre> <p>Once we’ve got that out of the way, we can code.</p> <p>First, we need to format our details into a data structure that Fauna is expecting for our query. Fauna expects an object with a data property containing the data we wish to store.</p> <pre><code>const saveBookmark = async function(details) { const data = { data: details }; ... }</code></pre> <p>Then we’ll open a new query to add to our Collection. In this case, we’ll use our query helper and use the Create method. Create() takes two arguments. First is the Collection in which we want to store our data and the second is the data itself.</p> <p>After we save, we return either success or failure to our handler.</p> <div readability="13"> <pre><code>const saveBookmark = async function(details) { const data = { data: details }; return adminClient.query(q.Create(q.Collection("links"), data)) .then((response) => { /* Success! return the response with statusCode 200 */ return { statusCode: 200, body: JSON.stringify(response) } }).catch((error) => { /* Error! return the error with statusCode 400 */ return { statusCode: 400, body: JSON.stringify(error) } }) }</code></pre> </div> <p>Let’s take a look at the full Function file.</p> <div readability="16"> <pre><code>import { getDetails, saveBookmark } from "./bookmarks/create"; import { rebuildSite } from "./utilities/rebuild"; // For rebuilding the site (more on that in a minute) exports.handler = async function(event, context) { try { const url = event.queryStringParameters.url; // Grab the URL const details = await getDetails(url); // Get the details of the page const savedResponse = await saveBookmark({url, ...details}); //Save the URL and the details to Fauna if (savedResponse.statusCode === 200) { // If successful, return success and trigger a Netlify build await rebuildSite(); return { statusCode: 200, body: savedResponse.body } } else { return savedResponse //or else return the error } } catch (err) { return { statusCode: 500, body: `Error: ${err}` }; } }; </code></pre> </div> <h4><code>rebuildSite()</code></h4> <p>The discerning eye will notice that we have one more function imported into our handler: <code>rebuildSite()</code>. This function will use Netlify’s Deploy Hook functionality to rebuild our site from the new data every time we submit a new — successful — bookmark save.</p> <p>In your site’s settings in Netlify, you can access your Build & Deploy settings and create a new “Build Hook.” Hooks have a name that appears in the Deploy section and an option for a non-master branch to deploy if you so wish. In our case, we’ll name it “new_link” and deploy our master branch.</p> <figure><a href=""><img decoding="async" srcset=",q_auto/w_400/ 400w,,q_auto/w_800/ 800w,,q_auto/w_1200/ 1200w,,q_auto/w_1600/ 1600w,,q_auto/w_2000/ 2000w" src=",q_auto/w_400/" sizes="100vw" alt="A visual reference for the Netlify Admin’s build hook setup"></a><figcaption>A visual reference for the Netlify Admin’s build hook setup (<a href="" name="readabilityLink-11">Large preview</a><a href=""><small><sup>[11]</sup></small></a>)</figcaption></figure> <p>From there, we just need to send a POST request to the URL provided.</p> <p>We need a way of making requests and since we’ve already installed <code>request-promise</code>, we’ll continue to use that package by requiring it at the top of our file.</p> <div readability="15"> <pre><code>const rp = require('request-promise'); const rebuildSite = async function() { var options = { method: 'POST', uri: '', body: {}, json: true }; const returned = await rp(options).then(function(res) { console.log('Successfully hit webhook', res); }).catch(function(err) { console.log('Error:', err); }); return returned } </code></pre> </div> <figure>[embedded content]<figcaption>A demo of the Netlify Function setup and the iOS Shortcut setup combined</figcaption></figure> <h3>Setting Up An iOS Shortcut</h3> <p>So, we have a database, a way to display data and a function to add data, but we’re still not very user-friendly.</p> <p>Netlify provides URLs for our Lambda functions, but they’re not fun to type into a mobile device. We’d also have to pass a URL as a query parameter into it. That’s a LOT of effort. How can we make this as little effort as possible?</p> <figure><a href=""><img decoding="async" srcset=",q_auto/w_400/ 400w,,q_auto/w_800/ 800w,,q_auto/w_1200/ 1200w,,q_auto/w_1600/ 1600w,,q_auto/w_2000/ 2000w" src=",q_auto/w_400/" sizes="100vw" alt="A visual reference for the setup for our Shortcut functionality"></a><figcaption>A visual reference for the setup for our Shortcut functionality (<a href="" name="readabilityLink-12">Large preview</a><a href=""><small><sup>[12]</sup></small></a>)</figcaption></figure> <p>Apple’s Shortcuts app allows the building of custom items to go into your share sheet. Inside these shortcuts, we can send various types of requests of data collected in the share process.</p> <p>Here’s the step-by-step Shortcut:</p> <ol> <li>Accept any items and store that item in a “text” block.</li> <li>Pass that text into a “Scripting” block to URL encode (just in case).</li> <li>Pass that string into a URL block with our Netlify Function’s URL and a query parameter of <code>url</code>.</li> <li>From “Network” use a “Get contents” block to POST to JSON to our URL.</li> <li>Optional: From “Scripting” “Show” the contents of the last step (to confirm the data we’re sending).</li> </ol> <p>To access this from the sharing menu, we open up the settings for this Shortcut and toggle on the “Show in Share Sheet” option.</p> <p>As of iOS13, these share “Actions” are able to be favorited and moved to a high position in the dialog.</p> <p>We now have a working “app” for sharing bookmarks across multiple platforms!</p> <p>If you’re inspired to try this yourself, there are a lot of other possibilities to add functionality. The joy of the DIY web is that you can make these sorts of applications work for you. Here are a few ideas:</p> <ol> <li>Use a faux “API key” for quick authentication, so other users don’t post to your site (mine uses an API key, so don’t try to post to it!).</li> <li>Add tag functionality to organize bookmarks.</li> <li>Add an RSS feed for your site so that others can subscribe.</li> <li>Send out a weekly roundup email programmatically for links that you’ve added.</li> </ol> <p>Really, the sky is the limit, so start experimenting!</p> <div><img decoding="async" src="" alt="Smashing Editorial"><span>(dm, yk)</span></div> <div> <h3>References</h3> <ol> <li><small><sup><a href="" title="Jump to Link in Article">^</a></sup></small> <a href="" name="readabilityFootnoteLink-1">More about Bryan Robinson …</a><small> (</small></li> <li><small><sup><a href="" title="Jump to Link in Article">^</a></sup></small> <a href="" name="readabilityFootnoteLink-2">grab it on Github</a><small> (</small></li> <li><small><sup><a href="" title="Jump to Link in Article">^</a></sup></small> <a href="" name="readabilityFootnoteLink-3">finished product here</a><small> (</small></li> <li><small><sup><a href="" title="Jump to Link in Article">^</a></sup></small> <a href="" name="readabilityFootnoteLink-4">from FaunaDB here</a><small> (</small></li> <li><small><sup><a href="" title="Jump to Link in Article">^</a></sup></small> <a href="" name="readabilityFootnoteLink-5">Large preview</a><small> (</small></li> <li><small><sup><a href="" title="Jump to Link in Article">^</a></sup></small> <a href="" name="readabilityFootnoteLink-6">Large preview</a><small> (</small></li> <li><small><sup><a href="" title="Jump to Link in Article">^</a></sup></small> <a href="" name="readabilityFootnoteLink-7">11ty documentation</a><small> (</small></li> <li><small><sup><a href="" title="Jump to Link in Article">^</a></sup></small> <a href="" name="readabilityFootnoteLink-8">using 11ty data files with the Meetup API</a><small> (</small></li> <li><small><sup><a href="" title="Jump to Link in Article">^</a></sup></small> <a href="" name="readabilityFootnoteLink-9">straight from Fauna’s docs</a><small> (</small></li> <li><small><sup><a href="" title="Jump to Link in Article">^</a></sup></small> <a href="" name="readabilityFootnoteLink-10">get around this</a><small> (</small></li> <li><small><sup><a href="" title="Jump to Link in Article">^</a></sup></small> <a href="" name="readabilityFootnoteLink-11">Large preview</a><small> (</small></li> <li><small><sup><a href="" title="Jump to Link in Article">^</a></sup></small> <a href="" name="readabilityFootnoteLink-12">Large preview</a><small> (</small></li> </ol> </div> <p class="wpematico_credit"><small>Powered by <a href="" target="_blank" rel="noopener noreferrer">WPeMatico</a></small></p> </div> <div class="mkdf-category-share-holder clearfix"> <div class="mkdf-single-tags-holder"> <div class="mkdf-tags"> <a href="" rel="tag">developers</a><a href="" rel="tag">smashing magazine</a><a href="" rel="tag">web designers</a> </div> </div> <div class="mkdf-share-icons-single"> <span class="mkdf-share-label">Share</span> <div class="mkdf-social-share-holder mkdf-list"> <ul> <li class="mkdf-facebook-share"> <a class="mkdf-share-link" href="#" onclick="'[title]=create-a-bookmarking-application-with-faunadb-netlify-and-11ty&p[url][images][0]=&p[summary]=about-the-author-bryan-is-a-designer-developer-and-educator-with-a-passion-for-css-and-static-sites-he-actively-works-to-mentor-and-teach-developers-and-designers-the-value-more-about-bry', 'sharer', 'toolbar=0,status=0,width=620,height=280');"> <span class="mkdf-social-network-icon social_facebook"></span> </a> </li><li class="mkdf-twitter-share"> <a class="mkdf-share-link" href="#" onclick="'', 'popupwindow', 'scrollbars=yes,width=800,height=400');"> <span class="mkdf-social-network-icon social_twitter"></span> </a> </li><li class="mkdf-linkedin-share"> <a class="mkdf-share-link" href="#" onclick="'', 'popupwindow', 'scrollbars=yes,width=800,height=400');popUp.focus();return false;"> <span class="mkdf-social-network-icon social_linkedin"></span> </a> </li> </ul> </div> </div> </div> </div> </div> </article> <div class="mkdf-author-description"> <div class="mkdf-author-description-inner clearfix"> <div class="mkdf-author-description-image"> <a href=""> <img src='' class='avatar pp-user-avatar avatar-102 photo ' height='102' width='102' /> </a> </div> <div class="mkdf-author-description-text-holder"> <h4 class="mkdf-author-name"> <a href=""> <span itemprop="author"> Smashing Magazine </span> </a> </h4> <p class="mkdf-author-email"></p> <div class="mkdf-author-text"> <p>Smashing Magazine is a website and eBook publisher that offers editorial content and professional resources for web developers and web designers.</p> </div> </div> </div> </div> <div class="mkdf-blog-single-navigation clearfix"> <div class="mkdf-blog-single-navigation-inner clearfix"> <div class="mkdf-blog-single-prev clearfix "> <div class="mkdf-single-nav-content-holder"> <h6> <a href=""> Writing A Multiplayer Text Adventure Engine In Node.js: Game Engine Server Design (Part 2) </a> </h6> <a href=""> <span aria-hidden="true" class="mkdf-icon-font-elegant arrow_carrot-left_alt2 " ></span> <span>Previous</span> </a> </div> </div> <!-- close div.blog_prev --> <div class="mkdf-blog-single-next clearfix mkdf-single-nav-with-image"> <div class="mkdf-single-nav-image-holder"> <a href=""> <img width="150" height="150" src="" class="attachment-thumbnail size-thumbnail wp-post-image" alt="" /> </a> </div> <div class="mkdf-single-nav-content-holder"> <h6> <a href=""> The Ultimate Collection of Free Design Rersources </a> </h6> <a href=""> <span>Next</span> <span aria-hidden="true" class="mkdf-icon-font-elegant arrow_carrot-right_alt2 " ></span> </a> </div> </div> </div> </div> <div class="mkdf-related-posts-holder"> <div class="mkdf-related-posts-title"> <h3>Related Posts</h3> </div> <div class="mkdf-related-posts-inner clearfix"> <div class="mkdf-related-post"> <a href=" "> <div class="mkdf-related-post-image"> <img width="200" height="200" src="" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" srcset=" 200w, 100w, 150w" sizes="(max-width: 200px) 100vw, 200px" /> </div> </a> <div class="mkdf-related-post-title"> <a href="" title="Creating Custom Emmet Snippets In VS Code"><h4>Creating Custom Emmet Snippets In VS Code</h4></a> </div> </div> <div class="mkdf-related-post"> <a href=" "> <div class="mkdf-related-post-image"> <img width="200" height="200" src="" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" loading="lazy" srcset=" 200w, 100w, 150w" sizes="(max-width: 200px) 100vw, 200px" /> </div> </a> <div class="mkdf-related-post-title"> <a href="" title="Creating A Multi-Author Blog With Next.js"><h4>Creating A Multi-Author Blog With Next.js</h4></a> </div> </div> <div class="mkdf-related-post"> <a href=" "> <div class="mkdf-related-post-image"> <img width="200" height="200" src="" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" loading="lazy" srcset=" 200w, 100w, 150w" sizes="(max-width: 200px) 100vw, 200px" /> </div> </a> <div class="mkdf-related-post-title"> <a href="" title="How To Run A UX Audit For A Major EdTech Platform (Case Study)"><h4>How To Run A UX Audit For A Major EdTech Platform (Case Study)</h4></a> </div> </div> </div> </div> </div> </div> </div> <div class="mkdf-column2"> <div class="mkdf-column-inner"> <aside class="mkdf-sidebar"> <div id="text-15" class="widget widget_text"> <div class="textwidget"><a href="" onClick="this.href=''" ><img src="" alt="Web Hosting" width="468" height="60" border="0"></a></div> </div><div id="text-14" class="widget widget_text"><h4><span class="mkdf-sidearea-title">Request An Estimate</span><span class="mkdf-sidearea-line"></span></h4> <div class="textwidget"> <div class="wpcf7 no-js" id="wpcf7-f3657-p6863-o1" lang="en-US" dir="ltr"> <div class="screen-reader-response"><p role="status" aria-live="polite" aria-atomic="true"></p> <ul></ul></div> <form action="/create-a-bookmarking-application-with-faunadb-netlify-and-11ty/#wpcf7-f3657-p6863-o1" method="post" class="wpcf7-form init" aria-label="Contact form" novalidate="novalidate" data-status="init"> <div style="display: none;"> <input type="hidden" name="_wpcf7" value="3657" /> <input type="hidden" name="_wpcf7_version" value="5.8.6" /> <input type="hidden" name="_wpcf7_locale" value="en_US" /> <input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f3657-p6863-o1" /> <input type="hidden" name="_wpcf7_container_post" value="6863" /> <input type="hidden" name="_wpcf7_posted_data_hash" value="" /> <input type="hidden" name="_wpcf7_recaptcha_response" value="" /> </div> <div class="wpcf7-form cf7_custom_style_1"> <p><span class="wpcf7-form-control-wrap" data-name="your-name"><input size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false" placeholder="Name*" value="" type="text" name="your-name" /></span> </p> </div> <div class="wpcf7-form cf7_custom_style_1"> <p><span class="wpcf7-form-control-wrap" data-name="your-email"><input size="40" class="wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email" aria-required="true" aria-invalid="false" placeholder="Email*" value="" type="email" name="your-email" /></span> </p> </div> <div class="wpcf7-form cf7_custom_style_1"> <p><span class="wpcf7-form-control-wrap" data-name="your-phone"><input size="40" class="wpcf7-form-control wpcf7-tel wpcf7-text wpcf7-validates-as-tel" aria-invalid="false" placeholder="Phone" value="" type="tel" name="your-phone" /></span> </p> </div> <div class="wpcf7-form cf7_custom_style_1"> <p><span class="wpcf7-form-control-wrap" data-name="your-message"><textarea cols="40" rows="10" class="wpcf7-form-control wpcf7-textarea" aria-invalid="false" placeholder="Describe your project..." name="your-message"></textarea></span> </p> </div> <div> </div> <div> <p><input class="wpcf7-form-control wpcf7-submit has-spinner" type="submit" value="SEND" /> </p> </div><div class="wpcf7-response-output" aria-hidden="true"></div> </form> </div> </div> </div><div id="text-12" class="widget widget_text"><h4><span class="mkdf-sidearea-title">About SEO Web Design</span><span class="mkdf-sidearea-line"></span></h4> <div class="textwidget">SEO Web Design, LLC specializes in creating professionally optimized websites for businesses, organizations, and/or individuals. We aim to improve online exposure by delivering effective solutions based on innovative technologies and professional designs. <a href="" onClick="this.href=''" ><img src="" alt="Web Hosting" width="468" height="60" border="0"></a></div> </div><div id="tag_cloud-2" class="widget widget_tag_cloud"><h4><span class="mkdf-sidearea-title">Popular Keywords</span><span class="mkdf-sidearea-line"></span></h4><div class="tagcloud"><a href="" class="tag-cloud-link tag-link-278 tag-link-position-1" style="font-size: 15.276315789474pt;" aria-label="backlinko (75 items)">backlinko</a> <a href="" class="tag-cloud-link tag-link-129 tag-link-position-2" style="font-size: 8pt;" aria-label="best hosting company (1 item)">best hosting company</a> <a href="" class="tag-cloud-link tag-link-225 tag-link-position-3" style="font-size: 8pt;" aria-label="best hosting security (1 item)">best hosting security</a> <a href="" class="tag-cloud-link tag-link-224 tag-link-position-4" style="font-size: 8pt;" aria-label="best hosting speed (1 item)">best hosting speed</a> <a href="" class="tag-cloud-link tag-link-131 tag-link-position-5" style="font-size: 8pt;" aria-label="best hosting support (1 item)">best hosting support</a> <a href="" class="tag-cloud-link tag-link-201 tag-link-position-6" style="font-size: 8pt;" aria-label="best joomla hosting (1 item)">best joomla hosting</a> <a href="" class="tag-cloud-link tag-link-200 tag-link-position-7" style="font-size: 8pt;" aria-label="best wordpress hosting (1 item)">best wordpress hosting</a> <a href="" class="tag-cloud-link tag-link-216 tag-link-position-8" style="font-size: 8pt;" aria-label="brainstorming (1 item)">brainstorming</a> <a href="" class="tag-cloud-link tag-link-214 tag-link-position-9" style="font-size: 8pt;" aria-label="business breakdown (1 item)">business breakdown</a> <a href="" class="tag-cloud-link tag-link-270 tag-link-position-10" style="font-size: 19.236842105263pt;" aria-label="developers (546 items)">developers</a> <a href="" class="tag-cloud-link tag-link-215 tag-link-position-11" style="font-size: 8pt;" aria-label="high quality media (1 item)">high quality media</a> <a href="" class="tag-cloud-link tag-link-287 tag-link-position-12" style="font-size: 11.223684210526pt;" aria-label="in bound marketing (9 items)">in bound marketing</a> <a href="" class="tag-cloud-link tag-link-212 tag-link-position-13" style="font-size: 8pt;" aria-label="increase opportunites (1 item)">increase opportunites</a> <a href="" class="tag-cloud-link tag-link-213 tag-link-position-14" style="font-size: 8pt;" aria-label="info gathering (1 item)">info gathering</a> <a href="" class="tag-cloud-link tag-link-211 tag-link-position-15" style="font-size: 8pt;" aria-label="lead capture (1 item)">lead capture</a> <a href="" class="tag-cloud-link tag-link-210 tag-link-position-16" style="font-size: 8pt;" aria-label="lead generation (1 item)">lead generation</a> <a href="" class="tag-cloud-link tag-link-283 tag-link-position-17" style="font-size: 11.223684210526pt;" aria-label="moz (9 items)">moz</a> <a href="" class="tag-cloud-link tag-link-205 tag-link-position-18" style="font-size: 8pt;" aria-label="optimization (1 item)">optimization</a> <a href="" class="tag-cloud-link tag-link-290 tag-link-position-19" style="font-size: 21.401315789474pt;" aria-label="search engine land (1,610 items)">search engine land</a> <a href="" class="tag-cloud-link tag-link-291 tag-link-position-20" style="font-size: 21.907894736842pt;" aria-label="search engine marketing (2,095 items)">search engine marketing</a> <a href="" class="tag-cloud-link tag-link-279 tag-link-position-21" style="font-size: 22pt;" aria-label="search engine optimization (2,179 items)">search engine optimization</a> <a href="" class="tag-cloud-link tag-link-294 tag-link-position-22" style="font-size: 19.006578947368pt;" aria-label="search engine watch (485 items)">search engine watch</a> <a href="" class="tag-cloud-link tag-link-292 tag-link-position-23" style="font-size: 21.907894736842pt;" aria-label="sem (2,095 items)">sem</a> <a href="" class="tag-cloud-link tag-link-202 tag-link-position-24" style="font-size: 8pt;" aria-label="seo (1 item)">seo</a> <a href="" class="tag-cloud-link tag-link-282 tag-link-position-25" style="font-size: 15.276315789474pt;" aria-label="seo case studies (75 items)">seo case studies</a> <a href="" class="tag-cloud-link tag-link-284 tag-link-position-26" style="font-size: 11.223684210526pt;" aria-label="seo resources (9 items)">seo resources</a> <a href="" class="tag-cloud-link tag-link-286 tag-link-position-27" style="font-size: 11.223684210526pt;" aria-label="seo software (9 items)">seo software</a> <a href="" class="tag-cloud-link tag-link-281 tag-link-position-28" style="font-size: 15.276315789474pt;" aria-label="seo strategies (75 items)">seo strategies</a> <a href="" class="tag-cloud-link tag-link-280 tag-link-position-29" style="font-size: 15.276315789474pt;" aria-label="seo tips (75 items)">seo tips</a> <a href="" class="tag-cloud-link tag-link-285 tag-link-position-30" style="font-size: 11.223684210526pt;" aria-label="seo tools (9 items)">seo tools</a> <a href="" class="tag-cloud-link tag-link-130 tag-link-position-31" style="font-size: 8pt;" aria-label=" (1 item)"></a> <a href="" class="tag-cloud-link tag-link-268 tag-link-position-32" style="font-size: 19.236842105263pt;" aria-label="smashing magazine (546 items)">smashing magazine</a> <a href="" class="tag-cloud-link tag-link-203 tag-link-position-33" style="font-size: 18.730263157895pt;" aria-label="web design (425 items)">web design</a> <a href="" class="tag-cloud-link tag-link-271 tag-link-position-34" style="font-size: 18.730263157895pt;" aria-label="webdesigner depot (424 items)">webdesigner depot</a> <a href="" class="tag-cloud-link tag-link-269 tag-link-position-35" style="font-size: 19.559210526316pt;" aria-label="web designers (643 items)">web designers</a> <a href="" class="tag-cloud-link tag-link-277 tag-link-position-36" style="font-size: 15.782894736842pt;" aria-label="web design ledger (97 items)">web design ledger</a> <a href="" class="tag-cloud-link tag-link-204 tag-link-position-37" style="font-size: 8pt;" aria-label="website design (1 item)">website design</a></div> </div><div id="search-2" class="widget widget_search"><h4><span class="mkdf-sidearea-title">Search Our Site</span><span class="mkdf-sidearea-line"></span></h4><form method="get" id="searchform" class="searchform clearfix" action=""> <div class="clearfix"> <input type="submit" id="searchsubmit" value="" /> <input type="text" value="" placeholder="Types..." name="s" id="s" /> </div> </form></div> </aside> </div> </div> </div> </div> </div> </div> <!-- close div.content_inner --> </div> <!-- close div.content --> <footer class="mkdf-page-footer"> <div class="mkdf-footer-inner clearfix"> <div class="mkdf-footer-top-holder"> <div class="mkdf-footer-top mkdf-footer-top-aligment-left"> <div class="mkdf-container"> <div class="mkdf-container-inner"> <div class="mkdf-three-columns"> <div class="mkdf-three-columns-inner clearfix"> <div class="mkdf-column"> <div class="mkdf-column-inner"> <div id="text-6" class="widget mkdf-footer-column-1 widget_text"><h5 class="mkdf-footer-widget-title">Company Info</h5> <div class="textwidget"><span style="color:#ffffff !important;">SEO Web Design, LLC aims to improve business by delivering effective solutions based on innovative technologies and professional designs. We love building fresh, unique and usable websites optimized specifically for your niche.</span> <div class="vc_empty_space" style="height: 20px"><span class="vc_empty_space_inner"></span></div> <div class="mkdf-icon-list-item mkdf-icon-list-item-headings-font-family"> <div class="mkdf-icon-list-icon-holder"> <div class="mkdf-icon-list-icon-holder-inner clearfix"> <i class="mkdf-icon-simple-line-icon icon-call-in " style="color:#ffffff;font-size:17px" ></i> </div> </div> <p class="mkdf-icon-list-text" style="color:#ffffff" > (541) 799-0040‬‬</p> </div> <div class="mkdf-icon-list-item mkdf-icon-list-item-headings-font-family"> <div class="mkdf-icon-list-icon-holder"> <div class="mkdf-icon-list-icon-holder-inner clearfix"> <i class="mkdf-icon-simple-line-icon icon-envelope " style="color:#ffffff;font-size:17px" ></i> </div> </div> <p class="mkdf-icon-list-text" style="color:#ffffff" ></p> </div> <div class="mkdf-icon-list-item mkdf-icon-list-item-headings-font-family"> <div class="mkdf-icon-list-icon-holder"> <div class="mkdf-icon-list-icon-holder-inner clearfix"> <i class="mkdf-icon-simple-line-icon icon-location-pin " style="color:#ffffff;font-size:17px" ></i> </div> </div> <p class="mkdf-icon-list-text" style="color:#ffffff" > Made in the USA</p> </div> <a href="" onClick="this.href=''" ><img src="" alt="Web Hosting" width="468" height="60" border="0"></a></div> </div> </div> </div> <div class="mkdf-column"> <div class="mkdf-column-inner"> <div id="nav_menu-3" class="widget mkdf-footer-column-2 widget_nav_menu"><h5 class="mkdf-footer-widget-title">Important Links</h5><div class="menu-footer-widget-menu-container"><ul id="menu-footer-widget-menu" class="menu"><li id="menu-item-26663" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-26663"><a href="">Get Free Quote</a></li> <li id="menu-item-26658" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-26658"><a href="">Company Information</a></li> <li id="menu-item-26657" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-26657"><a href="">Client Testimonials</a></li> <li id="menu-item-26664" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-26664"><a href="">Website Design</a></li> <li id="menu-item-26660" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-26660"><a href="">Internet Marketing</a></li> <li id="menu-item-26661" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-26661"><a href="">Live Portfolio</a></li> <li id="menu-item-26662" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-26662"><a href="">Base Price Guide</a></li> <li id="menu-item-26659" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-26659"><a href="">Customer Support</a></li> </ul></div></div> </div> </div> <div class="mkdf-column"> <div class="mkdf-column-inner"> <div id="woocommerce_products-3" class="widget mkdf-footer-column-3 woocommerce widget_products"><h5 class="mkdf-footer-widget-title">Featured Product</h5><ul class="product_list_widget"><li> <a class="mkdf-woo-product-widget-image" href="" title="SEO Content (1000+ Words)"> <img width="600" height="600" src="" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="SEO Content Writing 1 - SEO Web Design" /> </a> <div class="mkdf-woo-product-widget-content"> <a class="mkdf-woo-product-widget-title" href=""> <span class="product-title">SEO Content (1000+ Words)</span> </a> <del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>195.00</bdi></span></del> <ins><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>150.00</bdi></span></ins> </div> </li></ul></div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="mkdf-footer-bottom-holder"> <div class="mkdf-footer-bottom-holder-inner"> <div class="mkdf-container"> <div class="mkdf-container-inner"> <div class="mkdf-two-columns-50-50"> <div class="mkdf-two-columns-50-50-inner clearfix"> <div class="mkdf-column"> <div class="mkdf-column-inner"> <div id="text-9" class="widget mkdf-footer-bottom-left widget_text"> <div class="textwidget">© 2013-2023 / <a href="" color="white" title="SEO Web Design"><strong>SEO Web Design</strong></a>, LLC / All rights reserved. <br /><small><a href="/terms/">Terms</a> | <a href="/privacy/">Privacy</a> | <a href="/refunds/">Refunds</a> | <a href="/sitemap/">Sitemap</a></small></div> </div> </div> </div> <div class="mkdf-column"> <div class="mkdf-column-inner"> <div id="mkd_social_icon_widget-7" class="widget mkdf-footer-bottom-left widget_mkd_social_icon_widget"> <a class="mkdf-social-icon-widget-holder mkdf-social_facebook" href="" target="_blank"> <span class="mkdf-social-icon-widget social_facebook"></span> </a> </div> <div id="mkd_social_icon_widget-6" class="widget mkdf-footer-bottom-left widget_mkd_social_icon_widget"> <a class="mkdf-social-icon-widget-holder mkdf-social_twitter" href="" target="_blank"> <span class="mkdf-social-icon-widget social_twitter"></span> </a> </div> <div id="mkd_social_icon_widget-9" class="widget mkdf-footer-bottom-left widget_mkd_social_icon_widget"> <a class="mkdf-social-icon-widget-holder mkdf-social_linkedin" href="" target="_blank"> <span class="mkdf-social-icon-widget social_linkedin"></span> </a> </div> <div id="mkd_social_icon_widget-8" class="widget mkdf-footer-bottom-left widget_mkd_social_icon_widget"> <a class="mkdf-social-icon-widget-holder mkdf-social_googleplus" href="" target="_blank"> <span class="mkdf-social-icon-widget social_googleplus"></span> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </footer> </div> <!-- close div.mkdf-wrapper-inner --> </div> <!-- close div.mkdf-wrapper --> <!-- GA Google Analytics @ --> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','','ga'); ga('create', 'UA-33889204-1', 'auto'); ga('send', 'pageview'); </script> <script type='text/javascript'> (function () { var c = document.body.className; c = c.replace(/woocommerce-no-js/, 'woocommerce-js'); document.body.className = c; })(); </script> <!-- <link rel='stylesheet' id='wc-blocks-style-css' href='' type='text/css' media='all' /> --> <link rel="stylesheet" type="text/css" href="//" media="all"/> <script type="text/javascript" src="" id="swv-js"></script> <script type="text/javascript" id="contact-form-7-js-extra"> /* <![CDATA[ */ var wpcf7 = {"api":{"root":"https:\/\/\/wp-json\/","namespace":"contact-form-7\/v1"}}; /* ]]> */ </script> <script type="text/javascript" src="" id="contact-form-7-js"></script> <script type="text/javascript" id="stripe-handler-ng-js-extra"> /* <![CDATA[ */ var wpASPNG = {"iframeUrl":"https:\/\/\/asp-payment-box\/","ppSlug":"asp-payment-box","prefetch":"0","ckey":"3230a7a7a7ed231cb033e2adfd6c68b9","aspDevMode":"1"}; /* ]]> */ </script> <script type="text/javascript" src="" id="stripe-handler-ng-js"></script> <script type="text/javascript" src="" id="sourcebuster-js-js"></script> <script type="text/javascript" id="wc-order-attribution-js-extra"> /* <![CDATA[ */ var wc_order_attribution = {"params":{"lifetime":1.0000000000000000818030539140313095458623138256371021270751953125e-5,"session":30,"ajaxurl":"https:\/\/\/wp-admin\/admin-ajax.php","prefix":"wc_order_attribution_","allowTracking":"yes"}}; /* ]]> */ </script> <script type="text/javascript" src="" id="wc-order-attribution-js"></script> <script type="text/javascript" src="" id="wp-polyfill-inert-js"></script> <script type="text/javascript" src="" id="regenerator-runtime-js"></script> <script type="text/javascript" src="" id="wp-polyfill-js"></script> <script type="text/javascript" src="" id="react-js"></script> <script type="text/javascript" src="" id="wp-hooks-js"></script> <script type="text/javascript" src="" id="wp-deprecated-js"></script> <script type="text/javascript" src="" id="wp-dom-js"></script> <script type="text/javascript" src="" id="react-dom-js"></script> <script type="text/javascript" src="" id="wp-escape-html-js"></script> <script type="text/javascript" src="" id="wp-element-js"></script> <script type="text/javascript" src="" id="wp-is-shallow-equal-js"></script> <script type="text/javascript" src="" id="wp-i18n-js"></script> <script type="text/javascript" id="wp-i18n-js-after"> /* <![CDATA[ */ wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); /* ]]> */ </script> <script type="text/javascript" src="" id="wp-keycodes-js"></script> <script type="text/javascript" src="" id="wp-priority-queue-js"></script> <script type="text/javascript" src="" id="wp-compose-js"></script> <script type="text/javascript" src="" id="wp-private-apis-js"></script> <script type="text/javascript" src="" id="wp-redux-routine-js"></script> <script type="text/javascript" src="" id="wp-data-js"></script> <script type="text/javascript" id="wp-data-js-after"> /* <![CDATA[ */ ( function() { var userId = 0; var storageKey = "WP_DATA_USER_" + userId; .use(, { storageKey: storageKey } ); } )(); /* ]]> */ </script> <script type="text/javascript" src="" id="lodash-js"></script> <script type="text/javascript" id="lodash-js-after"> /* <![CDATA[ */ window.lodash = _.noConflict(); /* ]]> */ </script> <script type="text/javascript" src="" id="wc-blocks-registry-js"></script> <script type="text/javascript" src="" id="wp-url-js"></script> <script type="text/javascript" src="" id="wp-api-fetch-js"></script> <script type="text/javascript" id="wp-api-fetch-js-after"> /* <![CDATA[ */ wp.apiFetch.use( wp.apiFetch.createRootURLMiddleware( "" ) ); wp.apiFetch.nonceMiddleware = wp.apiFetch.createNonceMiddleware( "f20a671526" ); wp.apiFetch.use( wp.apiFetch.nonceMiddleware ); wp.apiFetch.use( wp.apiFetch.mediaUploadMiddleware ); wp.apiFetch.nonceEndpoint = ""; /* ]]> */ </script> <script type="text/javascript" id="wc-settings-js-before"> /* <![CDATA[ */ var wcSettings = wcSettings || JSON.parse( decodeURIComponent( '' ) ); /* ]]> */ </script> <script type="text/javascript" src="" id="wc-settings-js"></script> <script type="text/javascript" src="" id="wp-data-controls-js"></script> <script type="text/javascript" src="" id="wp-html-entities-js"></script> <script type="text/javascript" src="" id="wp-notices-js"></script> <script type="text/javascript" id="wc-blocks-middleware-js-before"> /* <![CDATA[ */ var wcBlocksMiddlewareConfig = { storeApiNonce: '9ff01aedec', wcStoreApiNonceTimestamp: '1711817150' }; /* ]]> */ </script> <script type="text/javascript" src="" id="wc-blocks-middleware-js"></script> <script type="text/javascript" src="" id="wc-blocks-data-store-js"></script> <script type="text/javascript" src="" id="wp-dom-ready-js"></script> <script type="text/javascript" src="" id="wp-a11y-js"></script> <script type="text/javascript" src="" id="wp-primitives-js"></script> <script type="text/javascript" src="" id="wp-warning-js"></script> <script type="text/javascript" src="" id="wc-blocks-components-js"></script> <script type="text/javascript" src="" id="wc-blocks-checkout-js"></script> <script type="text/javascript" src="" id="wc-order-attribution-blocks-js"></script> <script type="text/javascript" id="ppress-frontend-script-js-extra"> /* <![CDATA[ */ var pp_ajax_form = {"ajaxurl":"https:\/\/\/wp-admin\/admin-ajax.php","confirm_delete":"Are you sure?","deleting_text":"Deleting...","deleting_error":"An error occurred. Please try again.","nonce":"a2d4ec1510","disable_ajax_form":"false","is_checkout":"0","is_checkout_tax_enabled":"0"}; /* ]]> */ </script> <script type="text/javascript" src="" id="ppress-frontend-script-js"></script> <script type="text/javascript" src="" id="jquery-ui-core-js"></script> <script type="text/javascript" src="" id="jquery-ui-tabs-js"></script> <script type="text/javascript" src="" id="jquery-ui-accordion-js"></script> <script type="text/javascript" id="mediaelement-core-js-before"> /* <![CDATA[ */ var mejsL10n = {"language":"en","strings":{"":"Download File","mejs.install-flash":"You are using a browser that does not have Flash player enabled or installed. Please turn on your Flash player plugin or download the latest version from https:\/\/\/flashplayer\/","mejs.fullscreen":"Fullscreen","":"Play","mejs.pause":"Pause","mejs.time-slider":"Time Slider","mejs.time-help-text":"Use Left\/Right Arrow keys to advance one second, Up\/Down arrows to advance ten seconds.","":"Live Broadcast","mejs.volume-help-text":"Use Up\/Down Arrow keys to increase or decrease volume.","mejs.unmute":"Unmute","mejs.mute":"Mute","mejs.volume-slider":"Volume Slider","":"Video Player","":"Audio Player","mejs.captions-subtitles":"Captions\/Subtitles","mejs.captions-chapters":"Chapters","mejs.none":"None","mejs.afrikaans":"Afrikaans","mejs.albanian":"Albanian","mejs.arabic":"Arabic","mejs.belarusian":"Belarusian","mejs.bulgarian":"Bulgarian","mejs.catalan":"Catalan","mejs.chinese":"Chinese","mejs.chinese-simplified":"Chinese (Simplified)","mejs.chinese-traditional":"Chinese (Traditional)","mejs.croatian":"Croatian","mejs.czech":"Czech","mejs.danish":"Danish","mejs.dutch":"Dutch","mejs.english":"English","mejs.estonian":"Estonian","mejs.filipino":"Filipino","mejs.finnish":"Finnish","mejs.french":"French","mejs.galician":"Galician","mejs.german":"German","mejs.greek":"Greek","mejs.haitian-creole":"Haitian Creole","mejs.hebrew":"Hebrew","mejs.hindi":"Hindi","mejs.hungarian":"Hungarian","mejs.icelandic":"Icelandic","mejs.indonesian":"Indonesian","":"Irish","mejs.italian":"Italian","mejs.japanese":"Japanese","mejs.korean":"Korean","mejs.latvian":"Latvian","mejs.lithuanian":"Lithuanian","mejs.macedonian":"Macedonian","mejs.malay":"Malay","mejs.maltese":"Maltese","mejs.norwegian":"Norwegian","mejs.persian":"Persian","mejs.polish":"Polish","mejs.portuguese":"Portuguese","mejs.romanian":"Romanian","mejs.russian":"Russian","mejs.serbian":"Serbian","mejs.slovak":"Slovak","mejs.slovenian":"Slovenian","mejs.spanish":"Spanish","mejs.swahili":"Swahili","mejs.swedish":"Swedish","mejs.tagalog":"Tagalog","mejs.thai":"Thai","mejs.turkish":"Turkish","mejs.ukrainian":"Ukrainian","mejs.vietnamese":"Vietnamese","mejs.welsh":"Welsh","mejs.yiddish":"Yiddish"}}; /* ]]> */ </script> <script type="text/javascript" src="" id="mediaelement-core-js"></script> <script type="text/javascript" src="" id="mediaelement-migrate-js"></script> <script type="text/javascript" id="mediaelement-js-extra"> /* <![CDATA[ */ var _wpmejsSettings = {"pluginPath":"\/wp-includes\/js\/mediaelement\/","classPrefix":"mejs-","stretching":"responsive","audioShortcodeLibrary":"mediaelement","videoShortcodeLibrary":"mediaelement"}; /* ]]> */ </script> <script type="text/javascript" src="" id="wp-mediaelement-js"></script> <script type="text/javascript" src="" id="appear-js"></script> <script type="text/javascript" src="" id="modernizr-js"></script> <script type="text/javascript" src="" id="hoverIntent-js"></script> <script type="text/javascript" src="" id="jquery-plugin-js"></script> <script type="text/javascript" src="" id="countdown-js"></script> <script type="text/javascript" src="" id="owl-carousel-js"></script> <script type="text/javascript" src="" id="parallax-js"></script> <script type="text/javascript" src="" id="select2-js" defer="defer" data-wp-strategy="defer"></script> <script type="text/javascript" src="" id="easypiechart-js"></script> <script type="text/javascript" src="" id="waypoints-js"></script> <script type="text/javascript" src="" id="Chart-js"></script> <script type="text/javascript" src="" id="counter-js"></script> <script type="text/javascript" src="" id="absoluteCounter-js"></script> <script type="text/javascript" src="" id="fluidvids-js"></script> <script type="text/javascript" src="" id="prettyPhoto-js" defer="defer" data-wp-strategy="defer"></script> <script type="text/javascript" src="" id="nicescroll-js"></script> <script type="text/javascript" src="" id="ScrollToPlugin-js"></script> <script type="text/javascript" src="" id="TweenLite-js"></script> <script type="text/javascript" src="" id="TimelineLite-js"></script> <script type="text/javascript" src="" id="CSSPlugin-js"></script> <script type="text/javascript" src="" id="EasePack-js"></script> <script type="text/javascript" src="" id="mixitup-js"></script> <script type="text/javascript" src="" id="waitforimages-js"></script> <script type="text/javascript" src="" id="infinitescroll-js"></script> <script type="text/javascript" src="" id="easing-js"></script> <script type="text/javascript" src="" id="skrollr-js"></script> <script type="text/javascript" src="" id="bootstrapCarousel-js"></script> <script type="text/javascript" src="" id="touchSwipe-js"></script> <script type="text/javascript" src="" id="isotope-js"></script> <script type="text/javascript" src="" id="google_map_api-js"></script> <script type="text/javascript" id="optimize-mikado-modules-js-extra"> /* <![CDATA[ */ var mkdfGlobalVars = {"vars":{"mkdfAddForAdminBar":0,"mkdfElementAppearAmount":-150,"mkdfFinishedMessage":"No more posts","mkdfMessage":"Loading new posts...","mkdfTopBarHeight":46,"mkdfStickyHeaderHeight":0,"mkdfStickyHeaderTransparencyHeight":60,"mkdfLogoAreaHeight":0,"mkdfMenuAreaHeight":138,"mkdfMobileHeaderHeight":100}}; var mkdfPerPageVars = {"vars":{"mkdfStickyScrollAmount":0,"mkdfHeaderTransparencyHeight":0}}; /* ]]> */ </script> <script type="text/javascript" src="" id="optimize-mikado-modules-js"></script> <script type="text/javascript" src="" id="optimize-mikado-blog-js"></script> <script type="text/javascript" src="" id="comment-reply-js" async="async" data-wp-strategy="async"></script> <script type="text/javascript" src="" id="wpb_composer_front_js-js"></script> <script type="text/javascript" id="optimize-mikado-like-js-extra"> /* <![CDATA[ */ var mkdfLike = {"ajaxurl":"https:\/\/\/wp-admin\/admin-ajax.php"}; /* ]]> */ </script> <script type="text/javascript" src="" id="optimize-mikado-like-js"></script> <script type="text/javascript" src="" id="google-recaptcha-js"></script> <script type="text/javascript" id="wpcf7-recaptcha-js-extra"> /* <![CDATA[ */ var wpcf7_recaptcha = {"sitekey":"6LclLoMUAAAAAFc71q_Sson140GBvDZguEjSBANL","actions":{"homepage":"homepage","contactform":"contactform"}}; /* ]]> */ </script> <script type="text/javascript" src="" id="wpcf7-recaptcha-js"></script> </body> </html><!-- WP Fastest Cache file was created in 1.0180008411407 seconds, on 30-03-24 16:45:51 -->