{"componentChunkName":"component---src-templates-project-js","path":"/projects/huddle-landing-page-1","result":{"data":{"site":{"siteMetadata":{"title":"itsHally"}},"markdownRemark":{"html":"<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 590px; \"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/6963cac11e151527caa5c1a11b9fc8b0/8e1fc/desktop-preview.jpg\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n    <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 73.64864864864865%; position: relative; bottom: 0; left: 0; background-image: url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAPABQDASIAAhEBAxEB/8QAGAAAAgMAAAAAAAAAAAAAAAAAAAQBAgP/xAAWAQEBAQAAAAAAAAAAAAAAAAABAgP/2gAMAwEAAhADEAAAAXV3M9GS5J//xAAZEAADAQEBAAAAAAAAAAAAAAABAgMAEiP/2gAIAQEAAQUC9zjWoMqMy81GpJ3MpFF//8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAwEBPwE//8QAFhEBAQEAAAAAAAAAAAAAAAAAEQAB/9oACAECAQE/AcLRv//EABsQAAMAAgMAAAAAAAAAAAAAAAABEQIhEiJR/9oACAEBAAY/AushG0b9NZYwvJEp/8QAGRABAQEBAQEAAAAAAAAAAAAAAREAITFx/9oACAEBAAE/Iaq1pnmnwfmZLrx5h6GrnNXB5IXIEHt5v//aAAwDAQACAAMAAAAQ2z//xAAUEQEAAAAAAAAAAAAAAAAAAAAQ/9oACAEDAQE/ED//xAAXEQEBAQEAAAAAAAAAAAAAAAARACEB/9oACAECAQE/EOloWwv/xAAcEAEAAgIDAQAAAAAAAAAAAAABABEhUWGBwdH/2gAIAQEAAT8QvPRrIaFNR8WVgD5DvghQMURpdSFrSrrmPwaFgNdRcU5raPk//9k='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"desktop preview\"\n        title=\"desktop preview\"\n        src=\"/static/6963cac11e151527caa5c1a11b9fc8b0/1c72d/desktop-preview.jpg\"\n        srcset=\"/static/6963cac11e151527caa5c1a11b9fc8b0/a80bd/desktop-preview.jpg 148w,\n/static/6963cac11e151527caa5c1a11b9fc8b0/1c91a/desktop-preview.jpg 295w,\n/static/6963cac11e151527caa5c1a11b9fc8b0/1c72d/desktop-preview.jpg 590w,\n/static/6963cac11e151527caa5c1a11b9fc8b0/a8a14/desktop-preview.jpg 885w,\n/static/6963cac11e151527caa5c1a11b9fc8b0/8e1fc/desktop-preview.jpg 900w\"\n        sizes=\"(max-width: 590px) 100vw, 590px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n      />\n  </a>\n    </span></p>\n<h1>Huddle Landing Page with Single Introductory Section</h1>\n<img alt=\"GitHub\" src=\"https://img.shields.io/github/license/itshally/HuddleLandingPage?style=for-the-badge\">\n<img alt=\"GitHub top language\" src=\"https://img.shields.io/github/languages/top/itshally/HuddleLandingPage?style=for-the-badge\">\n<p>This is my solution for this Frontendmentor Challenge.</p>\n<h2>Tools &#x26; Technologies</h2>\n<ul>\n<li>HTML</li>\n<li>CSS</li>\n<li>Flexbox</li>\n</ul>\n<h2>Installation</h2>\n<p>To clone this project to your device, type the <code>code</code> below to your git bash:</p>\n<pre><code>git clone https://github.com/itshally/HuddleLandingPage.git\n</code></pre>\n<p>After cloning the repo, you can start runing it locally.</p>\n<pre><code>cd HuddleLandingPage\n\nstart index.html\n</code></pre>\n<h2>Screenshots</h2>\n<ul>\n<li>\n<h4>Desktop Design</h4>\n</li>\n</ul>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 590px; \"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/171986ecbfc6dcdd1d536f726320721d/644c5/desktop-design.jpg\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n    <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 55.4054054054054%; position: relative; bottom: 0; left: 0; background-image: url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAALABQDASIAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAAMEAf/EABYBAQEBAAAAAAAAAAAAAAAAAAIBBP/aAAwDAQACEAMQAAABqlVuhLAc/8QAGhAAAgIDAAAAAAAAAAAAAAAAAQIAAwQQEv/aAAgBAQABBQJMYMllfBgJjMW1/8QAFREBAQAAAAAAAAAAAAAAAAAAEBH/2gAIAQMBAT8Bh//EABURAQEAAAAAAAAAAAAAAAAAAAEQ/9oACAECAQE/AQZ//8QAGxABAAEFAQAAAAAAAAAAAAAAARAAAhESITH/2gAIAQEABj8CHZn1rN3WP//EABwQAQACAQUAAAAAAAAAAAAAAAEAERAhMUFRkf/aAAgBAQABPyGgIp0RVG0C7jB7e01k4Lx//9oADAMBAAIAAwAAABDI3//EABcRAQADAAAAAAAAAAAAAAAAAAEQETH/2gAIAQMBAT8QFWx//8QAFxEAAwEAAAAAAAAAAAAAAAAAARARIf/aAAgBAgEBPxAM24v/xAAaEAEAAwEBAQAAAAAAAAAAAAABABEhMVFx/9oACAEBAAE/EKlYtexcQ0hYl0yl5pKwAHAeRMaBp5E58n//2Q=='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"Desktop Design\"\n        title=\"Desktop Design\"\n        src=\"/static/171986ecbfc6dcdd1d536f726320721d/1c72d/desktop-design.jpg\"\n        srcset=\"/static/171986ecbfc6dcdd1d536f726320721d/a80bd/desktop-design.jpg 148w,\n/static/171986ecbfc6dcdd1d536f726320721d/1c91a/desktop-design.jpg 295w,\n/static/171986ecbfc6dcdd1d536f726320721d/1c72d/desktop-design.jpg 590w,\n/static/171986ecbfc6dcdd1d536f726320721d/a8a14/desktop-design.jpg 885w,\n/static/171986ecbfc6dcdd1d536f726320721d/fbd2c/desktop-design.jpg 1180w,\n/static/171986ecbfc6dcdd1d536f726320721d/644c5/desktop-design.jpg 1440w\"\n        sizes=\"(max-width: 590px) 100vw, 590px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n      />\n  </a>\n    </span></p>\n<ul>\n<li>\n<h4>Mobile Design</h4>\n</li>\n</ul>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 590px; \"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/3c16148b421212e0e0604b62bbf7b328/acb04/mobile-design.jpg\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n    <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 213.51351351351352%; position: relative; bottom: 0; left: 0; background-image: url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAArABQDASIAAhEBAxEB/8QAGgAAAwEAAwAAAAAAAAAAAAAAAAIDBAEFBv/EABYBAQEBAAAAAAAAAAAAAAAAAAABA//aAAwDAQACEAMQAAABgveadr50qaWVEZEFClcwcAV//8QAHxAAAgEDBQEAAAAAAAAAAAAAAQIAAxEhBBASIDEz/9oACAEBAAEFAvJcS80/zbMrjjVzFZ0LMWYboQCXS3T/xAAXEQADAQAAAAAAAAAAAAAAAAAAAREg/9oACAEDAQE/ASvP/8QAGBEAAwEBAAAAAAAAAAAAAAAAARARAAL/2gAIAQIBAT8BPcODi//EAB4QAAAGAgMAAAAAAAAAAAAAAAABAhARMRIgITOh/9oACAEBAAY/AqchcBRNKTEqvTlOQ6vdf//EACAQAQACAgEEAwAAAAAAAAAAAAEAETFRIRAgYXGRobH/2gAIAQEAAT8hEtd69w2dN3XT+wIAXpOVF8sBHD9yoAcZjJrWZjmW7fmOZbq2rqLRUd27f//aAAwDAQACAAMAAAAQ8zB/B9//xAAWEQEBAQAAAAAAAAAAAAAAAAARASD/2gAIAQMBAT8QS6v/xAAYEQEBAQEBAAAAAAAAAAAAAAABABEhEP/aAAgBAgEBPxBUMloM95Ehd8//xAAhEAEAAgIBAwUAAAAAAAAAAAABABEhMUEQUXFhgZGhsf/aAAgBAQABPxABEdl0+IltHjMpwWR7Pyt3ige91v7JyJRaLVBdeZiCGqxjBoMkP7AkbADNY4irBC7pSeh+6UtWo7EhQlR74hkUENJ79VXavT//2Q=='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"Mobile Design\"\n        title=\"Mobile Design\"\n        src=\"/static/3c16148b421212e0e0604b62bbf7b328/1c72d/mobile-design.jpg\"\n        srcset=\"/static/3c16148b421212e0e0604b62bbf7b328/a80bd/mobile-design.jpg 148w,\n/static/3c16148b421212e0e0604b62bbf7b328/1c91a/mobile-design.jpg 295w,\n/static/3c16148b421212e0e0604b62bbf7b328/1c72d/mobile-design.jpg 590w,\n/static/3c16148b421212e0e0604b62bbf7b328/acb04/mobile-design.jpg 750w\"\n        sizes=\"(max-width: 590px) 100vw, 590px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n      />\n  </a>\n    </span></p>\n<h2>License</h2>\n<p>Distributed under the\n<a href=\"https://github.com/itshally/HuddleLandingPage/blob/master/LICENSE\">MIT License</a></p>","id":"bf3ee628-da33-5709-bbbc-50b560d79e1e","frontmatter":{"title":"Huddle Landing Page with Single Introductory Section","description":"My solution for Frontendmentor Challenge","preview":"https://huddle-landing-page-itshally.vercel.app/","tools":["HTML","CSS","Flexbox"],"sourceCode":"https://github.com/itshally/HuddleLandingPage","keyWords":null,"image":{"childImageSharp":{"fixed":{"src":"/static/faefe8b8d238bf5ec68eece02213b59a/986a3/huddlelandingpage1.png"}}}}}},"pageContext":{"id":"bf3ee628-da33-5709-bbbc-50b560d79e1e","previousPostId":"b32bec29-0c48-53a3-9f2a-4362123bfb54","nextPostId":"aa3a59e5-2400-5512-9cb9-8f36b457830f"}},"staticQueryHashes":["143701507"]}