{"id":2028,"date":"2022-07-05T21:56:14","date_gmt":"2022-07-05T16:56:14","guid":{"rendered":"https:\/\/www.edopedia.com\/blog\/?p=2028"},"modified":"2026-08-11T11:04:49","modified_gmt":"2026-08-11T06:04:49","slug":"facebook-login-page-html-css-code","status":"publish","type":"post","link":"https:\/\/www.edopedia.com\/blog\/facebook-login-page-html-css-code\/","title":{"rendered":"Facebook Login Page HTML and CSS Source Code (Free Download)"},"content":{"rendered":"\n<p><strong>Disclaimer:<\/strong> This article is provided for informational and educational purposes only. It is not affiliated with, endorsed by, or sponsored by Meta Platforms, Inc. or Facebook. Facebook and the Facebook logo are trademarks of Meta Platforms, Inc. This tutorial is intended solely to demonstrate how to create a similar user interface using HTML and CSS.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p>The official <strong>Facebook login page<\/strong> is written in <strong>HTML5 and CSS3 code<\/strong>.<\/p>\n\n\n\n<p>The HTML code for the Facebook home page is pretty simple. There aren&#8217;t any complicated elements or attributes that need to be used in order to create the page. So, in this tutorial, I&#8217;ll guide you on how to style\/design it.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Latest Facebook Login Page Design<\/h2>\n\n\n\n<p>The latest Facebook login page consists of three parts:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Logo and heading (displayed on the left side of the container)<\/li>\n\n\n\n<li>Login form (displayed on the right side of the container)<\/li>\n\n\n\n<li>Footer (it contains several links)<\/li>\n<\/ol>\n\n\n\n<p>Basically, at first, we will define the document structure, just like any other webpage. After that, inside the <code>&lt;head&gt;<\/code> tag add the title and load the desired font and CSS files.<\/p>\n\n\n\n<p>Now, in the <code>&lt;body&gt;<\/code> tag, we will create 2 semantic tags i.e. <code>&lt;main&gt;<\/code> and <code>&lt;footer&gt;<\/code>. The <code>&lt;main&gt;<\/code> tag will contain the logo and login form sections. Whereas the <code>&lt;footer&gt;<\/code> section will hold the footer of the Facebook login page.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Facebook Login Page HTML Code With CSS<\/h2>\n\n\n\n<p>First of all, create a new folder on your computer and name it anything you like. After that create 2 files in it, i.e.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>index.html<\/li>\n\n\n\n<li>style.css<\/li>\n<\/ul>\n\n\n\n<p>Now add the following source code in these files respectively.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">index.html<\/h2>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;!DOCTYPE html>\n&lt;html lang=\"en\">\n\n&lt;head>\n    &lt;meta charset=\"UTF-8\">\n    &lt;meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\n    &lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    &lt;title>Facebook&lt;\/title>\n    &lt;link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\">\n    &lt;link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700&amp;display=swap\" rel=\"stylesheet\">\n    &lt;link rel=\"stylesheet\" href=\"style.css\">\n&lt;\/head>\n\n&lt;body>\n    &lt;main>\n        &lt;div class=\"row\">\n            &lt;div class=\"col-logo\">\n                &lt;img src=\"fb_logo.svg\" alt=\"Facebook Logo\">\n                &lt;h2>Facebook helps you connect and share with the people in your life.&lt;\/h2>\n            &lt;\/div>\n            &lt;div class=\"col-form\">\n                &lt;div class=\"form-container\">\n                    &lt;input type=\"text\" placeholder=\"Email address or phone number\">\n                    &lt;input type=\"password\" placeholder=\"Password\">\n                    &lt;button class=\"btn-login\">Login&lt;\/button>\n                    &lt;a href=\"#\">Forgotten password?&lt;\/a>\n                    &lt;button class=\"btn-new\">Create new Account&lt;\/button>\n                &lt;\/div>\n                &lt;p>&lt;a href=\"#\">&lt;b>Create a Page&lt;\/b>&lt;\/a> for a celebrity, brand or business.&lt;\/p>\n            &lt;\/div>\n        &lt;\/div>\n    &lt;\/main>\n    &lt;footer>\n        &lt;div class=\"footer-contents\">\n            &lt;ol>\n                &lt;li>English (UK)&lt;\/li>\n                &lt;li>&lt;a href=\"#\">\u0d2e\u0d32\u0d2f\u0d3e\u0d33\u0d02&lt;\/a>&lt;\/li>\n                &lt;li>&lt;a href=\"#\">\u0ba4\u0bae\u0bbf\u0bb4\u0bcd&lt;\/a>&lt;\/li>\n                &lt;li>&lt;a href=\"#\">\u0c24\u0c46\u0c32\u0c41\u0c17\u0c41&lt;\/a>&lt;\/li>\n                &lt;li>&lt;a href=\"#\">\u09ac\u09be\u0982\u09b2\u09be&lt;\/a>&lt;\/li>\n                &lt;li>&lt;a href=\"#\">\u0627\u0631\u062f\u0648&lt;\/a>&lt;\/li>\n                &lt;li>&lt;a href=\"#\">\u0939\u093f\u0928\u094d\u0926\u0940&lt;\/a>&lt;\/li>\n                &lt;li>&lt;a href=\"#\">\u0c95\u0ca8\u0ccd\u0ca8\u0ca1&lt;\/a>&lt;\/li>\n                &lt;li>&lt;a href=\"#\">Espa\u00f1ol&lt;\/a>&lt;\/li>\n                &lt;li>&lt;a href=\"#\">Portugu\u00eas (Brasil)&lt;\/a>&lt;\/li>\n                &lt;li>&lt;a href=\"#\">Fran\u00e7ais (France)&lt;\/a>&lt;\/li>\n                &lt;li>&lt;button>+&lt;\/button>&lt;\/li>\n            &lt;\/ol>\n\n            &lt;ol>\n                &lt;li>&lt;a href=\"#\">Sign Up&lt;\/a>&lt;\/li>\n                &lt;li>&lt;a href=\"#\">Log In &lt;\/a>&lt;\/li>\n                &lt;li>&lt;a href=\"#\">Messenger&lt;\/a>&lt;\/li>\n                &lt;li>&lt;a href=\"#\">Facebook Lite&lt;\/a>&lt;\/li>\n                &lt;li>&lt;a href=\"#\">Watch&lt;\/a>&lt;\/li>\n                &lt;li>&lt;a href=\"#\">People&lt;\/a>&lt;\/li>\n                &lt;li>&lt;a href=\"#\">Pages&lt;\/a>&lt;\/li>\n                &lt;li>&lt;a href=\"#\">Page categories&lt;\/a>&lt;\/li>\n                &lt;li>&lt;a href=\"#\">Places&lt;\/a>&lt;\/li>\n                &lt;li>&lt;a href=\"#\">Games&lt;\/a>&lt;\/li>\n                &lt;li>&lt;a href=\"#\">Locations&lt;\/a>&lt;\/li>\n                &lt;li>&lt;a href=\"#\">Marketplace&lt;\/a>&lt;\/li>\n                &lt;li>&lt;a href=\"#\">Facebook&lt;\/a>&lt;\/li>\n                &lt;li>&lt;a href=\"#\">PayGroups&lt;\/a>&lt;\/li>\n                &lt;li>&lt;a href=\"#\">Jobs&lt;\/a>&lt;\/li>\n                &lt;li>&lt;a href=\"#\">Oculus&lt;\/a>&lt;\/li>\n                &lt;li>&lt;a href=\"#\">Portal&lt;\/a>&lt;\/li>\n                &lt;li>&lt;a href=\"#\">Instagram&lt;\/a>&lt;\/li>\n                &lt;li>&lt;a href=\"#\">Local&lt;\/a>&lt;\/li>\n                &lt;li>&lt;a href=\"#\">Sign Up&lt;\/a>&lt;\/li>\n                &lt;li>&lt;a href=\"#\">Log In &lt;\/a>&lt;\/li>\n                &lt;li>&lt;a href=\"#\">Messenger&lt;\/a>&lt;\/li>\n                &lt;li>&lt;a href=\"#\">Facebook Lite&lt;\/a>&lt;\/li>\n                &lt;li>&lt;a href=\"#\">Watch&lt;\/a>&lt;\/li>\n                &lt;li>&lt;a href=\"#\">People&lt;\/a>&lt;\/li>\n                &lt;li>&lt;a href=\"#\">Pages&lt;\/a>&lt;\/li>\n                &lt;li>&lt;a href=\"#\">Page categories&lt;\/a>&lt;\/li>\n                &lt;li>&lt;a href=\"#\">Places&lt;\/a>&lt;\/li>\n                &lt;li>&lt;a href=\"#\">Games&lt;\/a>&lt;\/li>\n                &lt;li>&lt;a href=\"#\">Locations&lt;\/a>&lt;\/li>\n                &lt;li>&lt;a href=\"#\">Marketplace&lt;\/a>&lt;\/li>\n                &lt;li>&lt;a href=\"#\">Facebook&lt;\/a>&lt;\/li>\n                &lt;li>&lt;a href=\"#\">PayGroups&lt;\/a>&lt;\/li>\n                &lt;li>&lt;a href=\"#\">Jobs&lt;\/a>&lt;\/li>\n                &lt;li>&lt;a href=\"#\">Oculus&lt;\/a>&lt;\/li>\n                &lt;li>&lt;a href=\"#\">Portal&lt;\/a>&lt;\/li>\n                &lt;li>&lt;a href=\"#\">Instagram&lt;\/a>&lt;\/li>\n                &lt;li>&lt;a href=\"#\">Local&lt;\/a>&lt;\/li>\n            &lt;\/ol>\n            &lt;small>Facebook \u00a9 2022&lt;\/small>\n        &lt;\/div>\n    &lt;\/footer>\n&lt;\/body>\n\n&lt;\/html><\/pre>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">style.css<\/h2>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">* {\n    padding: 0;\n    margin: 0;\n    box-sizing: border-box;\n}\n\nbody {\n    font-family: 'Poppins', sans-serif;\n    background-color: #f0f2f5;\n    color: #1c1e21;\n}\n\nmain {\n    height: 70vh;\n    width: 100vw;\n    position: relative;\n    margin: 0 auto;\n}\n\nfooter {\n    height: 30vh;\n    background-color: #ffffff;\n}\n\n.row {\n    display: flex;\n    justify-content: space-around;\n    align-items: center;\n    width: 100%;\n    max-width: 1000px;\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%, -50%);\n}\n\n.col-logo {\n    flex: 0 0 50%;\n    text-align: left;\n}\n\n.col-form {\n    flex: 0 0 40%;\n    text-align: center;\n}\n\n.col-logo img {\n    max-width: 300px;\n}\n\n.col-logo h2 {\n    font: 26px;\n    font-weight: 400;\n    padding: 0 30px;\n    line-height: 32px;\n}\n\n.col-form .form-container {\n    background-color: #ffffff;\n    border: none;\n    border-radius: 8px;\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), 0 8px 16px rgba(0, 0, 0, 0.1);\n    margin-bottom: 30px;\n    padding: 20px;\n    max-width: 400px;\n}\n\n.col-form .form-container input, .col-form .form-container .btn-login {\n    width: 100%;\n    margin: 5px 0;\n    height: 45px;\n    vertical-align: middle;\n    font-size: 16px;\n}\n\n.col-form .form-container input {\n    border: 1px solid #dddfe2;\n    color: #1d2129;\n    padding: 0 8px;\n    outline: none;\n}\n\n.col-form .form-container input:focus {\n    border-color: #1877f2;\n    box-shadow: 0 0 0 2px #e7f3ff;\n}\n\n.col-form .form-container .btn-login {\n    background-color: #1877f2;\n    border: none;\n    border-radius: 6px;\n    font-size: 20px;\n    padding: 0 16px;\n    color: #ffffff;\n    font-weight: 700;\n}\n\n.col-form .form-container a {\n    display: block;\n    color: #1877f2;\n    font-size: 14px;\n    text-decoration: none;\n    padding: 10px 0 20px;\n    border-bottom: 1px solid #dadde1;\n}\n\n.col-form .form-container a:hover {\n    text-decoration: underline;\n}\n\n.col-form .form-container .btn-new {\n    background-color: #42b72a;\n    border: none;\n    border-radius: 6px;\n    font-size: 17px;\n    line-height: 48px;\n    padding: 0 16px;\n    color: #ffffff;\n    font-weight: 700;\n    margin-top: 20px;\n}\n\n.col-form p {\n    font-size: 14px;\n}\n\n.col-form p a {\n    text-decoration: none;\n    color: #1c1e21;\n    font-weight: 600;\n}\n\n.col-form p a:hover {\n    text-decoration: underline;\n}\n\n.footer-contents {\n    position: relative;\n    max-width: 1000px;\n    margin: 0 auto;\n}\n\nfooter ol {\n    display: flex;\n    flex-wrap: wrap;\n    list-style-type: none;\n    padding: 10px 0;\n}\n\nfooter ol:first-child {\n    border-bottom: 1px solid #dddfe2;\n}\n\nfooter ol:first-child li:last-child button {\n    background-color: #f5f6f7;\n    border: 1px solid #ccd0d5;\n    outline: none;\n    color: #4b4f56;\n    padding: 0 8px;\n    font-weight: 700;\n    font-size: 16px;\n}\n\nfooter ol li {\n    padding-right: 15px;\n    font-size: 12px;\n    color: #385898;\n}\n\nfooter ol li a {\n    text-decoration: none;\n    color: #385898;\n}\n\nfooter ol li a:hover {\n    text-decoration: underline;\n}\n\nfooter small {\n    font-size: 11px;\n}<\/pre>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Download Facebook Logo File (fb_logo.svg)<\/h2>\n\n\n\n<p>At last, you also need the image of the Facebook logo. To make things easier for you, I&#8217;ve provided the Facebook logo image file in this tutorial. You can download it by <a href=\"https:\/\/www.edopedia.com\/assets\/images\/static\/download\/facebook_login_page_html_code\/fb_logo.svg\" download=\"\">clicking here<\/a>.<\/p>\n\n\n\n<p>After downloading the Facebook logo file, place it in the root folder of your project.<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Disclaimer: This article is provided for informational and educational purposes only. It is not affiliated with, endorsed by, or sponsored by Meta Platforms, Inc. or Facebook. Facebook and the Facebook logo are trademarks of Meta Platforms, Inc. This tutorial is intended solely to demonstrate how to create a similar user interface using HTML and CSS. &#8230; <a title=\"Facebook Login Page HTML and CSS Source Code (Free Download)\" class=\"read-more\" href=\"https:\/\/www.edopedia.com\/blog\/facebook-login-page-html-css-code\/\" aria-label=\"Read more about Facebook Login Page HTML and CSS Source Code (Free Download)\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":2032,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[112],"tags":[],"class_list":["post-2028","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Facebook Login Page HTML and CSS Source Code (Free Download)<\/title>\n<meta name=\"description\" content=\"Disclaimer: This article is provided for informational and educational purposes only. It is not affiliated with, endorsed by, or sponsored by Meta\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.edopedia.com\/blog\/facebook-login-page-html-css-code\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Facebook Login Page HTML and CSS Source Code (Free Download)\" \/>\n<meta property=\"og:description\" content=\"Disclaimer: This article is provided for informational and educational purposes only. It is not affiliated with, endorsed by, or sponsored by Meta\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.edopedia.com\/blog\/facebook-login-page-html-css-code\/\" \/>\n<meta property=\"og:site_name\" content=\"Edopedia\" \/>\n<meta property=\"article:author\" content=\"trulyfurqan\" \/>\n<meta property=\"article:published_time\" content=\"2022-07-05T16:56:14+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-11T06:04:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2022\/07\/Facebook_Login_Page_HTML_Code.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"880\" \/>\n\t<meta property=\"og:image:height\" content=\"402\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Furqan\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Furqan\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Facebook Login Page HTML and CSS Source Code (Free Download)","description":"Disclaimer: This article is provided for informational and educational purposes only. It is not affiliated with, endorsed by, or sponsored by Meta","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.edopedia.com\/blog\/facebook-login-page-html-css-code\/","og_locale":"en_US","og_type":"article","og_title":"Facebook Login Page HTML and CSS Source Code (Free Download)","og_description":"Disclaimer: This article is provided for informational and educational purposes only. It is not affiliated with, endorsed by, or sponsored by Meta","og_url":"https:\/\/www.edopedia.com\/blog\/facebook-login-page-html-css-code\/","og_site_name":"Edopedia","article_author":"trulyfurqan","article_published_time":"2022-07-05T16:56:14+00:00","article_modified_time":"2026-08-11T06:04:49+00:00","og_image":[{"width":880,"height":402,"url":"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2022\/07\/Facebook_Login_Page_HTML_Code.jpg","type":"image\/jpeg"}],"author":"Furqan","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Furqan","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.edopedia.com\/blog\/facebook-login-page-html-css-code\/#article","isPartOf":{"@id":"https:\/\/www.edopedia.com\/blog\/facebook-login-page-html-css-code\/"},"author":{"name":"Furqan","@id":"https:\/\/www.edopedia.com\/blog\/#\/schema\/person\/3951cb19e3aa56df09e408c98aa02339"},"headline":"Facebook Login Page HTML and CSS Source Code (Free Download)","datePublished":"2022-07-05T16:56:14+00:00","dateModified":"2026-08-11T06:04:49+00:00","mainEntityOfPage":{"@id":"https:\/\/www.edopedia.com\/blog\/facebook-login-page-html-css-code\/"},"wordCount":328,"commentCount":0,"publisher":{"@id":"https:\/\/www.edopedia.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.edopedia.com\/blog\/facebook-login-page-html-css-code\/#primaryimage"},"thumbnailUrl":"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2022\/07\/Facebook_Login_Page_HTML_Code.jpg","articleSection":["Tutorials"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.edopedia.com\/blog\/facebook-login-page-html-css-code\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.edopedia.com\/blog\/facebook-login-page-html-css-code\/","url":"https:\/\/www.edopedia.com\/blog\/facebook-login-page-html-css-code\/","name":"Facebook Login Page HTML and CSS Source Code (Free Download)","isPartOf":{"@id":"https:\/\/www.edopedia.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.edopedia.com\/blog\/facebook-login-page-html-css-code\/#primaryimage"},"image":{"@id":"https:\/\/www.edopedia.com\/blog\/facebook-login-page-html-css-code\/#primaryimage"},"thumbnailUrl":"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2022\/07\/Facebook_Login_Page_HTML_Code.jpg","datePublished":"2022-07-05T16:56:14+00:00","dateModified":"2026-08-11T06:04:49+00:00","description":"Disclaimer: This article is provided for informational and educational purposes only. It is not affiliated with, endorsed by, or sponsored by Meta","breadcrumb":{"@id":"https:\/\/www.edopedia.com\/blog\/facebook-login-page-html-css-code\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.edopedia.com\/blog\/facebook-login-page-html-css-code\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.edopedia.com\/blog\/facebook-login-page-html-css-code\/#primaryimage","url":"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2022\/07\/Facebook_Login_Page_HTML_Code.jpg","contentUrl":"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2022\/07\/Facebook_Login_Page_HTML_Code.jpg","width":880,"height":402,"caption":"Facebook Login Page HTML Code"},{"@type":"BreadcrumbList","@id":"https:\/\/www.edopedia.com\/blog\/facebook-login-page-html-css-code\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.edopedia.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Facebook Login Page HTML and CSS Source Code (Free Download)"}]},{"@type":"WebSite","@id":"https:\/\/www.edopedia.com\/blog\/#website","url":"https:\/\/www.edopedia.com\/blog\/","name":"Edopedia","description":"Coding\/Programming Blog","publisher":{"@id":"https:\/\/www.edopedia.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.edopedia.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.edopedia.com\/blog\/#organization","name":"Edopedia","url":"https:\/\/www.edopedia.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.edopedia.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2017\/10\/edopedia_icon_text_10.jpg","contentUrl":"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2017\/10\/edopedia_icon_text_10.jpg","width":400,"height":100,"caption":"Edopedia"},"image":{"@id":"https:\/\/www.edopedia.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.edopedia.com\/blog\/#\/schema\/person\/3951cb19e3aa56df09e408c98aa02339","name":"Furqan","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/e5e68aef3ad8f0b83d56f4953c512c8e57bd2e6dc64daec33b5d0495d9058f51?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/e5e68aef3ad8f0b83d56f4953c512c8e57bd2e6dc64daec33b5d0495d9058f51?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/e5e68aef3ad8f0b83d56f4953c512c8e57bd2e6dc64daec33b5d0495d9058f51?s=96&d=mm&r=g","caption":"Furqan"},"description":"Well. I've been working for the past three years as a web designer and developer. I have successfully created websites for small to medium sized companies as part of my freelance career. During that time I've also completed my bachelor's in Information Technology.","sameAs":["http:\/\/www.edopedia.com\/blog\/","trulyfurqan"],"url":"https:\/\/www.edopedia.com\/blog\/author\/furqan\/"}]}},"_links":{"self":[{"href":"https:\/\/www.edopedia.com\/blog\/wp-json\/wp\/v2\/posts\/2028","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.edopedia.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.edopedia.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.edopedia.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.edopedia.com\/blog\/wp-json\/wp\/v2\/comments?post=2028"}],"version-history":[{"count":3,"href":"https:\/\/www.edopedia.com\/blog\/wp-json\/wp\/v2\/posts\/2028\/revisions"}],"predecessor-version":[{"id":4232,"href":"https:\/\/www.edopedia.com\/blog\/wp-json\/wp\/v2\/posts\/2028\/revisions\/4232"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.edopedia.com\/blog\/wp-json\/wp\/v2\/media\/2032"}],"wp:attachment":[{"href":"https:\/\/www.edopedia.com\/blog\/wp-json\/wp\/v2\/media?parent=2028"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.edopedia.com\/blog\/wp-json\/wp\/v2\/categories?post=2028"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.edopedia.com\/blog\/wp-json\/wp\/v2\/tags?post=2028"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}