From 173fdced28dcfb72831bf7331908f3595aa2299d Mon Sep 17 00:00:00 2001
From: Sydbeat <54328274+Sydbeat@users.noreply.github.com>
Date: Mon, 7 Feb 2022 12:08:17 +0100
Subject: [PATCH 1/2] 1st

---
 build/index.html | 167 ++++++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 166 insertions(+), 1 deletion(-)
diff --git a/build/index.html b/build/index.html
index b1f8f3e63..6477dbb19 100644
--- a/build/index.html
+++ b/build/index.html
@@ -1 +1,166 @@
-<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Home | Design studio template</title><meta name="description" content="Page-specific description"><meta name="keywords" content="Page-specific keywords"><link rel="shortcut icon" href="favicon.ico"><link rel="shortcut icon" href="static/images/favicons/favicon.png" type="image/x-icon"><link rel="apple-touch-icon" href="static/images/favicons/apple-touch-icon.png"><link rel="apple-touch-icon-precomposed" href="static/images/favicons/apple-touch-icon-precomposed.png"><link href="https://fonts.googleapis.com/css?family=Lato:400,300,700" rel="stylesheet" type="text/css"><link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css"><link rel="stylesheet" href="static/css/screen.min.css"><link rel="stylesheet" href="static/css/custom.min.css"></head><body><!-- $Page header--><header class="page-header js-header"><div class="page-header__inner"><div class="page-header__logo"><h1>Bak-one</h1>&nbsp;<span>One page flat template</span></div><nav class="page-header__nav js-nav"><ul><li><a class="page-header__nav-link js-anchor js-link is-active" href="#home">Home</a></li><li><a class="page-header__nav-link js-anchor js-link" href="#portfolio">Portfolio</a></li><li><a class="page-header__nav-link js-anchor js-link" href="#team">About</a></li><li><a class="page-header__nav-link js-anchor js-link" href="#contact">Contact</a></li></ul></nav></div></header><!-- $Promo section--><section class="promo js-jumbo" id="home"><h2 class="promo__title">We build<span>brand</span></h2><p class="promo__descr">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p><a class="promo__btn" href="#">Learn more</a><a class="promo__go-next js-anchor" href="#portfolio">Scroll down</a></section><!-- $Portfolio section--><section class="portfolio js-portfolio" id="portfolio"><div class="portfolio__inner"><h2 class="portfolio__title">Portfolio</h2><p class="portfolio__descr">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p><nav class="portfolio__filter"><ul><li class="portfolio__filter-btn is-selected js-filter" data-filter="all">All</li><li class="portfolio__filter-btn js-filter" data-filter="web">Web design</li><li class="portfolio__filter-btn js-filter" data-filter="graphic">Graphic design</li><li class="portfolio__filter-btn js-filter" data-filter="flat">Flat design</li></ul></nav><ul class="portfolio__content"><li class="portfolio__item js-item" data-cat="all flat"><a href="#"><img class="portfolio__item-img js-lazy" src="static/images/port1.png" alt=""><div class="portfolio__item-caption"><span class="portfolio__item-title">Example title</span><span class="portfolio__item-cat">Flat design</span></div></a></li><li class="portfolio__item js-item" data-cat="all web"><a href="#"><img class="portfolio__item-img js-lazy" src="static/images/port2.png" alt=""><div class="portfolio__item-caption"><span class="portfolio__item-title">Example title</span><span class="portfolio__item-cat">Web design</span></div></a></li><li class="portfolio__item js-item" data-cat="all graphic"><a href="#"><img class="portfolio__item-img js-lazy" src="static/images/port3.png" alt=""><div class="portfolio__item-caption"><span class="portfolio__item-title">Example title</span><span class="portfolio__item-cat">Graphic design</span></div></a></li><li class="portfolio__item js-item" data-cat="all graphic web"><a href="#"><img class="portfolio__item-img js-lazy" src="static/images/port4.png" alt=""><div class="portfolio__item-caption"><span class="portfolio__item-title">Example title</span><span class="portfolio__item-cat">Graphic design</span></div></a></li><li class="portfolio__item js-item" data-cat="all graphic flat"><a href="#"><img class="portfolio__item-img js-lazy" src="static/images/port6.png" alt=""><div class="portfolio__item-caption"><span class="portfolio__item-title">Example title</span><span class="portfolio__item-cat">Flat design</span></div></a></li><li class="portfolio__item js-item" data-cat="all web"><a href="#"><img class="portfolio__item-img js-lazy" src="static/images/port5.png" alt=""><div class="portfolio__item-caption"><span class="portfolio__item-title">Example title</span><span class="portfolio__item-cat">Web design</span></div></a></li><li class="portfolio__item js-item" data-cat="all flat web"><a href="#"><img class="portfolio__item-img js-lazy" src="static/images/port1.png" alt=""><div class="portfolio__item-caption"><span class="portfolio__item-title">Example title</span><span class="portfolio__item-cat">Flat design</span></div></a></li><li class="portfolio__item js-item" data-cat="all web"><a href="#"><img class="portfolio__item-img js-lazy" src="static/images/port2.png" alt=""><div class="portfolio__item-caption"><span class="portfolio__item-title">Example title</span><span class="portfolio__item-cat">Web design</span></div></a></li></ul></div></section><!-- $Team section--><section class="team" id="team"><div class="team__inner"><h2 class="team__title">About us</h2><p class="team__descr">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p><div class="team__member"><img src="static/images/ava1.jpg" alt="Melanie Doe"><div class="team__member-info"><h3 class="team__member-name">Melannie Doe</h3><span class="team__member-role">Project manager</span><p class="team__member-descr">Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p></div><ul class="team__member-soc"><li><a class="team__member-icon fb" href="#">My Facebook</a></li><li><a class="team__member-icon tw" href="#">Follow me on twitter</a></li><li><a class="team__member-icon gplus" href="#">My Google+</a></li><li><a class="team__member-icon db" href="#">I am on Dribble</a></li></ul></div><div class="team__member"><img src="static/images/ava2.jpg" alt="Jhonie Doe"><div class="team__member-info"><h3 class="team__member-name">Jhonnie Doe</h3><span class="team__member-role">Graphic designer</span><p class="team__member-descr">Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p></div><ul class="team__member-soc"><li><a class="team__member-icon fb" href="#">My Facebook</a></li><li><a class="team__member-icon tw" href="#">Follow me on twitter</a></li><li><a class="team__member-icon gplus" href="#">My Google+</a></li><li><a class="team__member-icon db" href="#">I am on Dribble</a></li></ul></div><div class="team__member"><img src="static/images/ava3.jpg" alt="Daniel Doe"><div class="team__member-info"><h3 class="team__member-name">Daniel Doe</h3><span class="team__member-role">Web designer</span><p class="team__member-descr">Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p></div><ul class="team__member-soc"><li><a class="team__member-icon fb" href="#">My Facebook</a></li><li><a class="team__member-icon tw" href="#">Follow me on twitter</a></li><li><a class="team__member-icon gplus" href="#">My Google+</a></li><li><a class="team__member-icon db" href="#">I am on Dribble</a></li></ul></div></div></section><!-- $Contact section--><section class="contact" id="contact"><div class="contact__inner"><h2 class="contact__title">Contact us</h2><p class="contact__descr">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p><form class="contact__form" action="#" method="post"><input class="contact__form-input" id="name" type="text" name="name" placeholder="Your name"> <input class="contact__form-input" id="email" type="email" name="email" placeholder="Your email"> <textarea class="contact__form-tarea" id="message" name="message" placeholder="Your message"></textarea> <input class="contact__form-submit" type="submit" value="Submit"></form><div class="contact__card vcard"><h3 class="contact__card-title">Information</h3><div class="contact__card-item place"><div class="fn org">Bak-One Company</div><div class="adr"><div class="street-address">12345 Hollywood Bvld Street</div><span class="locality">Los Angeles</span>,<span class="region">California</span></div></div><div class="contact__card-item tel">+444<span class="type">&nbsp;(Phone)&nbsp;</span>123456</div><div class="contact__card-item fax tel">+123<span class="type">&nbsp;(FAX)&nbsp;</span>0011223</div><a class="contact__card-item email" href="#">info@companyname.com</a></div></div></section><!-- $Page footer--><footer class="page-footer"><div class="page-footer__inner"><span class="page-footer__copyright">&copy; Copyright 2013 Bak-One | One Page Flat Template</span><a class="page-footer__gotop js-anchor" href="#home">Go to top</a></div></footer><script src="static/js/body.min.js"></script></body></html>
\ No newline at end of file
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width,initial-scale=1">
+    <title>Home | Design studio template</title>
+    <meta name="description" content="Page-specific description">
+    <meta name="keywords" content="Page-specific keywords">
+    <link rel="shortcut icon" href="favicon.ico">
+    <link rel="shortcut icon" href="static/images/favicons/favicon.png" type="image/x-icon">
+    <link rel="apple-touch-icon" href="static/images/favicons/apple-touch-icon.png">
+    <link rel="apple-touch-icon-precomposed" href="static/images/favicons/apple-touch-icon-precomposed.png">
+    <link href="https://fonts.googleapis.com/css?family=Lato:400,300,700" rel="stylesheet" type="text/css">
+    <link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css">
+    <link rel="stylesheet" href="static/css/screen.min.css">
+    <link rel="stylesheet" href="static/css/custom.min.css">
+</head>
+
+<body>
+    <!-- $Page header-->
+    <header class="page-header js-header">
+        <div class="page-header__inner">
+            <div class="page-header__logo">
+                <h1>Bak-one</h1>&nbsp;<span>One page flat template</span></div>
+            <nav class="page-header__nav js-nav">
+                <ul>
+                    <li><a class="page-header__nav-link js-anchor js-link is-active" href="#home">Home</a></li>
+                    <li><a class="page-header__nav-link js-anchor js-link" href="#portfolio">Portfolio</a></li>
+                    <li><a class="page-header__nav-link js-anchor js-link" href="#team">About</a></li>
+                    <li><a class="page-header__nav-link js-anchor js-link" href="#contact">Contact</a></li>
+                </ul>
+            </nav>
+        </div>
+    </header>
+    <!-- $Promo section-->
+    <section class="promo js-jumbo" id="home">
+        <h2 class="promo__title">We build<span>brand</span></h2>
+        <p class="promo__descr">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p><a class="promo__btn" href="#">Learn more</a><a class="promo__go-next js-anchor" href="#portfolio">Scroll down</a></section>
+    <!-- $Portfolio section-->
+    <section class="portfolio js-portfolio" id="portfolio">
+        <div class="portfolio__inner">
+            <h2 class="portfolio__title">Portfolio</h2>
+            <p class="portfolio__descr">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
+            <nav class="portfolio__filter">
+                <ul>
+                    <li class="portfolio__filter-btn is-selected js-filter" data-filter="all">All</li>
+                    <li class="portfolio__filter-btn js-filter" data-filter="web">Web design</li>
+                    <li class="portfolio__filter-btn js-filter" data-filter="graphic">Graphic design</li>
+                    <li class="portfolio__filter-btn js-filter" data-filter="flat">Flat design</li>
+                </ul>
+            </nav>
+            <ul class="portfolio__content">
+                <li class="portfolio__item js-item" data-cat="all flat">
+                    <a href="#"><img class="portfolio__item-img js-lazy" src="static/images/port1.png" alt="">
+                        <div class="portfolio__item-caption"><span class="portfolio__item-title">Example title</span><span class="portfolio__item-cat">Flat design</span></div>
+                    </a>
+                </li>
+                <li class="portfolio__item js-item" data-cat="all web">
+                    <a href="#"><img class="portfolio__item-img js-lazy" src="static/images/port2.png" alt="">
+                        <div class="portfolio__item-caption"><span class="portfolio__item-title">Example title</span><span class="portfolio__item-cat">Web design</span></div>
+                    </a>
+                </li>
+                <li class="portfolio__item js-item" data-cat="all graphic">
+                    <a href="#"><img class="portfolio__item-img js-lazy" src="static/images/port3.png" alt="">
+                        <div class="portfolio__item-caption"><span class="portfolio__item-title">Example title</span><span class="portfolio__item-cat">Graphic design</span></div>
+                    </a>
+                </li>
+                <li class="portfolio__item js-item" data-cat="all graphic web">
+                    <a href="#"><img class="portfolio__item-img js-lazy" src="static/images/port4.png" alt="">
+                        <div class="portfolio__item-caption"><span class="portfolio__item-title">Example title</span><span class="portfolio__item-cat">Graphic design</span></div>
+                    </a>
+                </li>
+                <li class="portfolio__item js-item" data-cat="all graphic flat">
+                    <a href="#"><img class="portfolio__item-img js-lazy" src="static/images/port6.png" alt="">
+                        <div class="portfolio__item-caption"><span class="portfolio__item-title">Example title</span><span class="portfolio__item-cat">Flat design</span></div>
+                    </a>
+                </li>
+                <li class="portfolio__item js-item" data-cat="all web">
+                    <a href="#"><img class="portfolio__item-img js-lazy" src="static/images/port5.png" alt="">
+                        <div class="portfolio__item-caption"><span class="portfolio__item-title">Example title</span><span class="portfolio__item-cat">Web design</span></div>
+                    </a>
+                </li>
+                <li class="portfolio__item js-item" data-cat="all flat web">
+                    <a href="#"><img class="portfolio__item-img js-lazy" src="static/images/port1.png" alt="">
+                        <div class="portfolio__item-caption"><span class="portfolio__item-title">Example title</span><span class="portfolio__item-cat">Flat design</span></div>
+                    </a>
+                </li>
+                <li class="portfolio__item js-item" data-cat="all web">
+                    <a href="#"><img class="portfolio__item-img js-lazy" src="static/images/port2.png" alt="">
+                        <div class="portfolio__item-caption"><span class="portfolio__item-title">Example title</span><span class="portfolio__item-cat">Web design</span></div>
+                    </a>
+                </li>
+            </ul>
+        </div>
+    </section>
+    <!-- $Team section-->
+    <section class="team" id="team">
+        <div class="team__inner">
+            <h2 class="team__title">About us</h2>
+            <p class="team__descr">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
+            <div class="team__member"><img src="static/images/ava1.jpg" alt="Melanie Doe">
+                <div class="team__member-info">
+                    <h3 class="team__member-name">Melannie Doe</h3><span class="team__member-role">Project manager</span>
+                    <p class="team__member-descr">Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
+                </div>
+                <ul class="team__member-soc">
+                    <li><a class="team__member-icon fb" href="#">My Facebook</a></li>
+                    <li><a class="team__member-icon tw" href="#">Follow me on twitter</a></li>
+                    <li><a class="team__member-icon gplus" href="#">My Google+</a></li>
+                    <li><a class="team__member-icon db" href="#">I am on Dribble</a></li>
+                </ul>
+            </div>
+            <div class="team__member"><img src="static/images/ava2.jpg" alt="Jhonie Doe">
+                <div class="team__member-info">
+                    <h3 class="team__member-name">Jhonnie Doe</h3><span class="team__member-role">Graphic designer</span>
+                    <p class="team__member-descr">Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
+                </div>
+                <ul class="team__member-soc">
+                    <li><a class="team__member-icon fb" href="#">My Facebook</a></li>
+                    <li><a class="team__member-icon tw" href="#">Follow me on twitter</a></li>
+                    <li><a class="team__member-icon gplus" href="#">My Google+</a></li>
+                    <li><a class="team__member-icon db" href="#">I am on Dribble</a></li>
+                </ul>
+            </div>
+            <div class="team__member"><img src="static/images/ava3.jpg" alt="Daniel Doe">
+                <div class="team__member-info">
+                    <h3 class="team__member-name">Daniel Doe</h3><span class="team__member-role">Web designer</span>
+                    <p class="team__member-descr">Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
+                </div>
+                <ul class="team__member-soc">
+                    <li><a class="team__member-icon fb" href="#">My Facebook</a></li>
+                    <li><a class="team__member-icon tw" href="#">Follow me on twitter</a></li>
+                    <li><a class="team__member-icon gplus" href="#">My Google+</a></li>
+                    <li><a class="team__member-icon db" href="#">I am on Dribble</a></li>
+                </ul>
+            </div>
+        </div>
+    </section>
+    <!-- $Contact section-->
+    <section class="contact" id="contact">
+        <div class="contact__inner">
+            <h2 class="contact__title">Contact us</h2>
+            <p class="contact__descr">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
+            <form class="contact__form" action="#" method="post"><input class="contact__form-input" id="name" type="text" name="name" placeholder="Your name"> <input class="contact__form-input" id="email" type="email" name="email" placeholder="Your email"> <textarea class="contact__form-tarea" id="message"
+                    name="message" placeholder="Your message"></textarea> <input class="contact__form-submit" type="submit" value="Submit"></form>
+            <div class="contact__card vcard">
+                <h3 class="contact__card-title">Information</h3>
+                <div class="contact__card-item place">
+                    <div class="fn org">Bak-One Company</div>
+                    <div class="adr">
+                        <div class="street-address">12345 Hollywood Bvld Street</div><span class="locality">Los Angeles</span>,<span class="region">California</span></div>
+                </div>
+                <div class="contact__card-item tel">+444<span class="type">&nbsp;(Phone)&nbsp;</span>123456</div>
+                <div class="contact__card-item fax tel">+123<span class="type">&nbsp;(FAX)&nbsp;</span>0011223</div><a class="contact__card-item email" href="#">info@companyname.com</a></div>
+        </div>
+    </section>
+    <!-- $Page footer-->
+    <footer class="page-footer">
+        <div class="page-footer__inner"><span class="page-footer__copyright">&copy; Copyright 2013 Bak-One | One Page Flat Template</span><a class="page-footer__gotop js-anchor" href="#home">Go to top</a></div>
+    </footer>
+    <script src="static/js/body.min.js"></script>
+</body>
+
+</html>
\ No newline at end of file

From 3b6c6702354ee5b50c8a33e6ee228d23901cb9df Mon Sep 17 00:00:00 2001
From: Sydbeat <54328274+Sydbeat@users.noreply.github.com>
Date: Mon, 7 Feb 2022 14:48:09 +0100
Subject: [PATCH 2/2] a1

