{"action":"created","comment":{"url":"https://api.github.com/repos/SEA-Design-Dev/advanced-presentation__W2-A2/pulls/comments/39818345","id":39818345,"diff_hunk":"@@ -0,0 +1,484 @@\n+<!doctype html>\n+<html>\n+  <head>\n+    <meta charset=\"utf-8\">\n+    <meta http-equiv=\"x-ua-compatible\" content=\"ie=edge\">\n+    <title>Avengers | Creative Design Agency</title>\n+    <meta name=\"description\" content=\"Avengers, a Creative Design Agency based out of San Fransisco California, speicalizing in Web Design, UI Design, Icon Design, Branding & Logotype\">\n+    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n+    <link rel=\"stylesheet\" href=\"css/main.css\">\n+  </head>\n+  <body>\n+    <input type=\"checkbox\" id=\"mobileNavToggle\" class=\"mobileNavToggle\">\n+    <header class=\"l-nav\">\n+      <nav class=\"mainNav\">\n+        <ul role=\"navigation\">\n+          <li role=\"menuitem\" class=\"nav-link\"><a href=\"#home\">Home.</a></li>\n+          <li role=\"menuitem\" class=\"nav-link\"><a href=\"#services\">Services.</a></li>\n+          <li role=\"menuitem\" class=\"nav-link\"><a href=\"#portfolio\">Portfolio.</a></li>\n+          <li role=\"menuitem\" class=\"nav-link\"><a href=\"#about\">About.</a></li>\n+          <li role=\"menuitem\" class=\"nav-link\"><a href=\"#team\">Team.</a></li>\n+          <li role=\"menuitem\" class=\"nav-link\"><a href=\"#contact\">Contact.</a></li>\n+        </ul>\n+      </nav>\n+    </header>\n+    <main class=\"page-wrapper\" id=\"home\">\n+      <label for=\"mobileNavToggle\" class=\"nav-toggle\"></label>\n+      <label for=\"mobileNavToggle\" class=\"trigger\"></label>\n+      <section class=\"hero-text-padding hero-image\">\n+        <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" preserveAspectRatio=\"xMidYMid\" width=\"82\" height=\"82\" viewBox=\"0 0 82 82\">\n+          <defs>\n+            <style>\n+              .cls-1 {\n+                fill: #fd6632;\n+              }\n+\n+              .cls-2 {\n+                fill: #fff;\n+                stroke: #fff;\n+                stroke-linejoin: round;\n+                stroke-width: 4px;\n+                fill-opacity: 0;\n+                fill-rule: evenodd;\n+              }\n+            </style>\n+          </defs>\n+          <g>\n+            <circle cx=\"41\" cy=\"41\" r=\"41\" class=\"cls-1\"/>\n+            <path d=\"M42.587,23.028 C42.625,23.044 56.680,36.919 56.680,48.673 C56.680,56.228 50.555,62.353 43.000,62.353 C39.242,62.353 35.839,60.838 33.366,58.385 C30.868,55.906 29.320,52.470 29.320,48.673 C29.320,36.919 42.639,23.051 42.587,23.028 Z\" class=\"cls-2\"/>\n+          </g>\n+        </svg>\n+        <h1 class=\"f-light\">Hi there! We're Avengers, <strong>creative design agency</strong> we build <strong><span class=\"underline\">awesome</span></strong> mobile and websites</h1>\n+      </section>\n+      <article class=\"b-orange\" id=\"services\">\n+        <h2 class=\"f-bold f-large\">SERVICES</h2>\n+        <section class=\"l-flex-container\">\n+          <p class=\"f-font-paragraph l-flex-item l-svcs-txt-a\">Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia.</p>\n+          <p class=\"f-font-paragraph l-flex-item l-svcs-txt-b\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a gallery of type and scrambled it to make a type specimen book.</p>\n+          <p class=\"f-font-paragraph l-flex-item l-svcs-txt-c\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a gallery of type and scrambled it to make a type specimen book.</p>\n+        </section>\n+        <section>\n+          <div class=\"l-flex-container l-svcs-txt\">\n+            <div class=\"l-flex-item l-svcs\">\n+              <h3 class=\"f-bold l-flex-child\">UI & UX DESIGN</h3>\n+              <span class=\"icon-brush icon-big\"></span>\n+              <p class=\"l-flex-child-p\">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected support by humour.</p>\n+            </div>\n+            <div class=\"l-flex-item l-svcs\">\n+              <h3 class=\"f-bold l-flex-child\">LABORATORY</h3>\n+              <span class=\"icon-lab icon-big\"></span>\n+              <p class=\"l-flex-child-p\">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected support by humour.</p>\n+            </div>\n+            <div class=\"l-flex-item l-svcs\">\n+              <h3 class=\"f-bold l-flex-child\">DEVELOPMENT</h3>\n+              <span class=\"icon-cog icon-big\"></span>\n+              <p class=\"l-flex-child-p\">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected support by humour.</p>\n+            </div>\n+          </div>\n+        </section>\n+        <section>\n+          <h3 class=\"f-bold h3-lines\">Pricing Tables</h3>\n+          <div class=\"l-flex-container\">\n+            <table class=\"l-flex-item l-flex-prices\">\n+              <thead>\n+                <tr>\n+                  <th class=\"f-light th-title\">BASIC</th>\n+                </tr></thead>\n+              <tbody>\n+                <tr>\n+                  <td class=\"f-bold f-client\">$5.99<span class=\"f-price\"> / Month</span></td>\n+                </tr>\n+                <tr>\n+                  <td>3 Projects</td>\n+                </tr>\n+                <tr>\n+                  <td>2 Users</td>\n+                </tr>\n+                <tr>\n+                  <td>1 Gb user</td>\n+                </tr>\n+                <tr>\n+                  <td>1 Calendar</td>\n+                </tr>\n+              </tbody>\n+              <tfoot>\n+                <tr>\n+                  <td class=\"td-btn\"><a href=\"\"><button class=\"btn f-bold\">SIGN UP</button></a></td>\n+                </tr>\n+              </tfoot>\n+            </table>\n+            <table class=\"l-flex-item l-flex-prices\">\n+              <thead>\n+                <tr>\n+                  <th class=\"f-light th-title\">STANDART</th>\n+                </tr></thead>\n+              <tbody>\n+                <tr>\n+                  <td class=\"f-bold f-client\">$10.99<span class=\"f-price\"> / Month</span></td>\n+                </tr>\n+                <tr>\n+                  <td>7 Projects</td>\n+                </tr>\n+                <tr>\n+                  <td>5 Users</td>\n+                </tr>\n+                <tr>\n+                  <td>10 Gb user</td>\n+                </tr>\n+                <tr>\n+                  <td>5 Calendar</td>\n+                </tr>\n+              </tbody>\n+              <tfoot>\n+                <tr>\n+                  <td class=\"td-btn\"><a href=\"\"><button class=\"btn f-bold\">SIGN UP</button></a></td>\n+                </tr>\n+              </tfoot>\n+            </table>\n+            <table class=\"l-flex-item l-flex-prices\">\n+              <thead>\n+                <tr>\n+                  <th class=\"f-light th-title\">PROFESSIONAL</th>\n+                </tr></thead>\n+              <tbody>\n+                <tr>\n+                  <td class=\"f-bold f-client\">$25.99<span class=\"f-price\"> / Month</span></td>\n+                </tr>\n+                <tr>\n+                  <td>15 Projects</td>\n+                </tr>\n+                <tr>\n+                  <td>50 Users</td>\n+                </tr>\n+                <tr>\n+                  <td>100 Gb user</td>\n+                </tr>\n+                <tr>\n+                  <td>25 Calendar</td>\n+                </tr>\n+              </tbody>\n+              <tfoot>\n+                <tr>\n+                  <td class=\"td-btn\"><a href=\"\"><button class=\"btn f-bold\">SIGN UP</button></a></td>\n+                </tr>\n+              </tfoot>\n+            </table>\n+            <table class=\"l-flex-item l-flex-prices\">\n+              <thead>\n+                <tr>\n+                  <th class=\"f-light th-title\">PREMIUM</th>\n+                </tr></thead>\n+              <tbody>\n+                <tr>\n+                  <td class=\"f-bold f-client\">$49.99<span class=\"f-price\"> / Month</span></td>\n+                </tr>\n+                <tr>\n+                  <td>UNLIMITED Projects</td>\n+                </tr>\n+                <tr>\n+                  <td>UNLIMITED Users</td>\n+                </tr>\n+                <tr>\n+                  <td>1000 Gb user</td>\n+                </tr>\n+                <tr>\n+                  <td>UNLIMITED Calendar</td>\n+                </tr>\n+              </tbody>\n+              <tfoot>\n+                <tr>\n+                  <td class=\"td-btn\"><a href=\"\"><button class=\"btn f-bold\">SIGN UP</button></a></td>\n+                </tr>\n+              </tfoot>\n+            </table>\n+          </div>\n+        </section>\n+      </article>\n+      <article class=\"b-white\" id=\"portfolio\">\n+        <h2 class=\"f-bold f-large\">PORTFOLIO</h2>\n+        <img src=\"/img/Slider.png\" alt=\"Crispers - Nice, crispy and creative landing page\" class=\"l-slider slider-break\">\n+        <img src=\"/img/Slider_mini.png\" alt=\"Crispers - Nice, crispy and creative landing page\" class=\"l-slider slider\">\n+        <ul class=\"f-bold l-subnav\">\n+          <li class=\"s-portfolio-filter-links l-subnav-link\">All Works</li>\n+          <li class=\"s-portfolio-filter-links l-subnav-link\">Webdesign</li>\n+          <li class=\"s-portfolio-filter-links l-subnav-link\">UI design</li>\n+          <li class=\"s-portfolio-filter-links l-subnav-link\">Icons design</li>\n+          <li class=\"s-portfolio-filter-links l-subnav-link\">Brand & Logotypes</li>\n+        </ul>\n+        <div class=\"l-flex-container l-portfolio-flex\">\n+          <figure class=\"l-flex-item f-small-line-height\">\n+            <div class=\"first-level-hover-wrapper\">\n+             <div class=\"item-wrapper\">\n+                <div class=\"s-portfolio-image\">\n+                  <img src=\"/img/youTube_iphone_app.png\" alt=\"YouTube Iphone App Example\" class=\"s-portfolio-image\">\n+                 <span class=\"portfolio-overlay-filter\"> </span>\n+                 <div class=\"portfolio-overlay-button\"><a href=\"\">+</a></div>\n+               </div>\n+             </div>\n+           </div>\n+            <figcaption>\n+              <p><strong class=\"f-bold\">Youtube iphone app</strong></p>\n+              <p>UI design, brand & logotypes</p>\n+            </figcaption>\n+          </figure>\n+          <figure class=\"l-flex-item f-small-line-height\">\n+            <div class=\"first-level-hover-wrapper\">\n+              <div class=\"item-wrapper\">\n+                <div class=\"s-portfolio-image\">\n+                  <img src=\"/img/hexagon_one_page.png\" alt=\"Web Design Example\">\n+                 <span class=\"portfolio-overlay-filter\"> </span>\n+                 <div class=\"portfolio-overlay-button\"><a href=\"\">+</a></div>\n+               </div>\n+             </div>\n+           </div>\n+            <figcaption>\n+              <p><strong class=\"f-bold\">Hexagon onepage</strong></p>\n+              <p>Webdesign, brand & logotypes</p>\n+            </figcaption>\n+          </figure>\n+            <figure class=\"l-flex-item f-small-line-height\">\n+            <div class=\"first-level-hover-wrapper\">\n+              <div class=\"item-wrapper\">\n+                <div class=\"s-portfolio-image\">\n+                  <img src=\"/img/sketches.png\" alt=\"Sketches Example\">\n+                 <span class=\"portfolio-overlay-filter\"> </span>\n+                 <div class=\"portfolio-overlay-button\"><a href=\"\">+</a></div>\n+               </div>\n+             </div>\n+           </div>\n+            <figcaption>\n+              <p><strong class=\"f-bold\">Sketches icon</strong></p>\n+              <p>Icons design, brand & logotypes</p>\n+            </figcaption>\n+          </figure>\n+          <figure class=\"l-flex-item f-small-line-height\">\n+            <div class=\"first-level-hover-wrapper\">\n+              <div class=\"item-wrapper\">\n+                <div class=\"s-portfolio-image\">\n+                  <img src=\"/img/logotypes.png\" alt=\"Logotypes Example\">\n+                 <span class=\"portfolio-overlay-filter\"> </span>\n+                 <div class=\"portfolio-overlay-button\"><a href=\"\">+</a></div>\n+               </div>\n+             </div>\n+           </div>\n+            <figcaption>\n+              <p><strong class=\"f-bold\">Logotypes volume</strong></p>\n+              <p>UI design, brand & logotypes</p>\n+            </figcaption>\n+          </figure>\n+          <figure class=\"l-flex-item f-small-line-height\">\n+            <div class=\"first-level-hover-wrapper\">\n+              <div class=\"item-wrapper\">\n+                <div class=\"s-portfolio-image\">\n+                  <img src=\"/img/flight_control.png\" alt=\"Flight Control Brand Example\">\n+                 <span class=\"portfolio-overlay-filter\"> </span>\n+                 <div class=\"portfolio-overlay-button\"><a href=\"\">+</a></div>\n+               </div>\n+             </div>\n+           </div>\n+            <figcaption>\n+              <p><strong class=\"f-bold\">Flight control</strong></p>\n+              <p>Webdesign, brand & logotypes</p>\n+            </figcaption>\n+          </figure>\n+          <figure class=\"l-flex-item f-small-line-height\">\n+            <div class=\"first-level-hover-wrapper\">\n+              <div class=\"item-wrapper\">\n+                <div class=\"s-portfolio-image\">\n+                  <img src=\"/img/youtube_app.png\" alt=\"YouTube App Example\">\n+                 <span class=\"portfolio-overlay-filter\"> </span>\n+                 <div class=\"portfolio-overlay-button\"><a href=\"\">+</a></div>\n+               </div>\n+             </div>\n+           </div>\n+            <figcaption>\n+              <p><strong class=\"f-bold\">Youtube app</strong></p>\n+              <p>Icons design, brand & logotypes</p>\n+            </figcaption>\n+          </figure>\n+          <figure class=\"l-flex-item f-small-line-height\">\n+            <div class=\"first-level-hover-wrapper\">\n+              <div class=\"item-wrapper\">\n+                <div class=\"s-portfolio-image\">\n+                  <img src=\"/img/management.png\" alt=\"Claim Management Web Design Example\">\n+                 <span class=\"portfolio-overlay-filter\"> </span>\n+                 <div class=\"portfolio-overlay-button\"><a href=\"\">+</a></div>\n+               </div>\n+             </div>\n+           </div>\n+            <figcaption>\n+              <p><strong class=\"f-bold\">Management</strong></p>\n+              <p>UI design, brand & logotypes</p>\n+            </figcaption>\n+          </figure>\n+          <figure class=\"l-flex-item f-small-line-height\">\n+            <div class=\"first-level-hover-wrapper\">\n+              <div class=\"item-wrapper\">\n+                <div class=\"s-portfolio-image\">\n+                   <img src=\"/img/korean.png\" alt=\"Korean Restaurant Web Design Example\">\n+                 <span class=\"portfolio-overlay-filter\"> </span>\n+                 <div class=\"portfolio-overlay-button\"><a href=\"\">+</a></div>\n+               </div>\n+             </div>\n+           </div>\n+            <figcaption>\n+              <p><strong class=\"f-bold\">Korean beef</strong></p>\n+              <p>Webdesign, brand & logotypes</p>\n+            </figcaption>\n+          </figure>\n+          <figure class=\"l-flex-item f-small-line-height\">\n+            <div class=\"first-level-hover-wrapper\">\n+              <div class=\"item-wrapper\">\n+                <div class=\"s-portfolio-image\">\n+                   <img src=\"/img/facebook_thumbs.png\" alt=\"Facebook Icon Design Example\">\n+                 <span class=\"portfolio-overlay-filter\"> </span>\n+                 <div class=\"portfolio-overlay-button\"><a href=\"\">+</a></div>\n+               </div>\n+             </div>\n+           </div>\n+            <figcaption>\n+              <p><strong class=\"f-bold\">Facebook thumbs</strong></p>\n+              <p>Icons design, brand & logotypes</p>\n+            </figcaption>\n+          </figure>\n+        </div>\n+      </article>\n+      <article class=\"b-black\" id=\"about\">\n+        <h2 class=\"f-bold f-large\">ABOUT</h2>\n+        <section class=\"l-flex-container\">\n+          <p class=\"l-flex-item l-about-txt\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a gallery of type and scrambled it to make a type specimen book.</p>\n+          <p class=\"l-flex-item l-about-txt\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a gallery of type and scrambled it to make a type specimen book.</p>\n+        </section>\n+        <section>\n+          <h3 class=\"f-bold h3-lines\">SKILLS</h3>\n+          <p class=\"s-progress-paragraph\">PHOTOSHOP</p><progress min=\"0\" max=\"100\" value=\"80\"></progress></p>\n+          <p class=\"s-progress-paragraph\">HTML/CSS</p><progress min=\"0\" max=\"100\" value=\"90\"></progress></p>\n+          <p class=\"s-progress-paragraph\">ILLUSTRATOR</p><progress min=\"0\" max=\"100\" value=\"70\"></progress></p>\n+          <p class=\"s-progress-paragraph\">PHP</p><progress min=\"0\" max=\"100\" value=\"60\"></progress></p>\n+          <p class=\"s-progress-paragraph\">WORDPRESS</p><progress min=\"0\" max=\"100\" value=\"95\"></progress></p>\n+        </section>\n+        <section>\n+          <h4 class=\"f-light s-progress-question-text\">Do you want be one of Avengers? Join us!</h4>\n+          <a href=\"\"><button class=\"btn contact-btn\">CONTACT US</button></a>\n+        </section>\n+      </article>\n+      <article class=\"b-white b-black-white\" id=\"team\">\n+        <h2 class=\"f-bold f-large\">TEAM</h2>\n+        <section>\n+          <p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia.</p>\n+        </section>\n+        <section>\n+          <ul class=\"l-flex-container\">\n+            <li class=\"l-flex-item l-team\">\n+              <p class=\"f-bold f-team\"><strong>JONATHAN DOE</strong></p>\n+              <p class=\"f-team-b\">CEO, UI&UX designer</p>\n+              <figure>\n+                <img src=\"/img/jonathan.png\" alt=\"Jonathan Doe Photo\" class=\"l-flex-child l-child-m\">\n+                <figcaption>\n+                  <a href=\"\" class=\"icon-facebook2 icon-social\"></a>\n+                  <a href=\"\" class=\"icon-twitter2 icon-social\"></a>\n+                  <a href=\"\" class=\"icon-dribbble2 icon-social\"></a>\n+                  <a href=\"\" class=\"icon-linkedin icon-social\"></a>\n+                  <a href=\"\" class=\"icon-google-plus2 icon-social\"></a>\n+                  <p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard.</p>\n+                </figcaption>\n+              </figure>\n+            </li>\n+            <li class=\"l-flex-item l-team\">\n+              <p class=\"f-bold f-team\"><strong>JANNETE DOE</strong></p>\n+              <p class=\"f-team-b\">Bussines & marketing</p>\n+              <figure>\n+                <img src=\"/img/jannete.png\" alt=\"Jannete Doe Photo\" class=\"l-flex-child l-child-m\">\n+                <figcaption>\n+                  <a href=\"\" class=\"icon-facebook2 icon-social\"></a>\n+                  <a href=\"\" class=\"icon-twitter2 icon-social\"></a>\n+                  <a href=\"\" class=\"icon-dribbble2 icon-social\"></a>\n+                  <a href=\"\" class=\"icon-linkedin icon-social\"></a>\n+                  <a href=\"\" class=\"icon-google-plus2 icon-social\"></a>\n+                  <p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard.</p>\n+                </figcaption>\n+              </figure>\n+            </li>\n+            <li class=\"l-flex-item l-team\">\n+              <p class=\"f-bold f-team\"><strong>JANE ELLA DOE</strong></p>\n+              <p class=\"f-team-b\">UX specialist</p>\n+              <figure>\n+                <img src=\"/img/jane.png\" alt=\"Jane Ella Doe Photo\" class=\"l-flex-child l-child-m\">\n+                <figcaption>\n+                  <a href=\"\" class=\"icon-facebook2 icon-social\"></a>\n+                  <a href=\"\" class=\"icon-twitter2 icon-social\"></a>\n+                  <a href=\"\" class=\"icon-dribbble2 icon-social\"></a>\n+                  <a href=\"\" class=\"icon-linkedin icon-social\"></a>\n+                  <a href=\"\" class=\"icon-google-plus2 icon-social\"></a>\n+                  <p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard.</p>\n+                </figcaption>\n+              </figure>\n+            </li>\n+            <li class=\"l-flex-item l-team\">\n+              <p class=\"f-bold f-team\"><strong>JESSIE DOE</strong></p>\n+              <p class=\"f-team-b\">Bussines and legacy</p>\n+              <figure>\n+                <img src=\"/img/jessie.png\" alt=\"Jessie Doe Photo\" class=\"l-flex-child l-child-m\">\n+                <figcaption>\n+                  <a href=\"\" class=\"icon-facebook2 icon-social\"></a>\n+                  <a href=\"\" class=\"icon-twitter2 icon-social\"></a>\n+                  <a href=\"\" class=\"icon-dribbble2 icon-social\"></a>\n+                  <a href=\"\" class=\"icon-linkedin icon-social\"></a>\n+                  <a href=\"\" class=\"icon-google-plus2 icon-social\"></a>\n+                  <p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard.</p>\n+                </figcaption>\n+              </figure>\n+            </li>\n+          </ul>\n+        </section>\n+        <section>\n+          <h3 class=\"f-bold h3-lines\">CLIENTS</h3>\n+          <section class=\"l-client\">\n+            <figure class=\"l-client-item\">\n+              <img src=\"/img/matthew.png\" alt=\"Client Matthew Broderic Photo\" class=\"l-client-img\">\n+              <figcaption class=\"l-client-txt\">\n+                <p class=\"f-bold\"><strong class=\"f-client\">Matthew Broderic</strong> <span class=\"f-light\">(CEO Hopicola Inc.)</span></p>\n+                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard my text ever since the 1500s, when lorem upsum is the best text for you.</p>\n+              </figcaption>\n+            </figure>\n+            <a href=\"\" class=\"icon-circle-left s-icon-circle\" role=\"button\"></a>\n+            <a href=\"\" class=\"icon-circle-right s-icon-circle\" role=\"button\"></a>\n+          </section>\n+        </section>\n+      </article>\n+      <article class=\"b-orange\" id=\"contact\">\n+        <h2 class=\"f-bold f-large\">CONTACT</h2>\n+        <section class=\"l-contact-txt\">\n+          <p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia.</p>\n+        </section>\n+        <section class=\"l-flex-container\">\n+          <div class=\"l-flex-item l-flex-contact\">\n+            <form>\n+              <input type=\"text\" placeholder=\"Company name\">\n+              <input type=\"email\" placeholder=\"Your@email.com\">\n+              <textarea class=\"s-form-message-field\" placeholder=\"Message...\"></textarea>\n+              <br>\n+              <button type=\"submit\" class=\"btn s-form-btn s-form-btn-desktop\">SEND MESSAGE</button>\n+            </form>\n+          </div>\n+          <div class=\"l-flex-item l-flex-contact s-contact-info s-form-map-width\">\n+            <ul>\n+              <li><span class=\"icon-mobile\"></span> +970 879 580 (7:00 - 20:00)</li>\n+              <li><span class=\"icon-mail\"></span> <a href=\"mailto:info@company.com\">info@company.com</a></li>\n+              <li><span class=\"icon-pin\"></span> <a href=\"\">USA, San Francisco, 57010, Little Parry St. 826/31</a></li>\n+            </ul>\n+            <div class=\"s-arrow\"></div>\n+          </div>\n+        </section>\n+      </article>\n+      <footer class=\"b-white l-footer\">\n+        <p>Theme by <a href=\"\" class=\"s-theme-author\">Pierre Borodin</a href=\"\"> &copy; copyright 2012</p>","path":"index.html","position":475,"original_position":475,"commit_id":"c51592814eabcd8e392de895b07dc2f315887c34","original_commit_id":"c51592814eabcd8e392de895b07dc2f315887c34","user":{"login":"miketierney","id":11915,"avatar_url":"https://avatars.githubusercontent.com/u/11915?v=3","gravatar_id":"","url":"https://api.github.com/users/miketierney","html_url":"https://github.com/miketierney","followers_url":"https://api.github.com/users/miketierney/followers","following_url":"https://api.github.com/users/miketierney/following{/other_user}","gists_url":"https://api.github.com/users/miketierney/gists{/gist_id}","starred_url":"https://api.github.com/users/miketierney/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/miketierney/subscriptions","organizations_url":"https://api.github.com/users/miketierney/orgs","repos_url":"https://api.github.com/users/miketierney/repos","events_url":"https://api.github.com/users/miketierney/events{/privacy}","received_events_url":"https://api.github.com/users/miketierney/received_events","type":"User","site_admin":false},"body":"Your ending tag has attributes in it (`</a href=\"\">`) which is invalid and could cause problems.","created_at":"2015-09-18T01:52:22Z","updated_at":"2015-09-18T01:52:22Z","html_url":"https://github.com/SEA-Design-Dev/advanced-presentation__W2-A2/pull/5#discussion_r39818345","pull_request_url":"https://api.github.com/repos/SEA-Design-Dev/advanced-presentation__W2-A2/pulls/5","_links":{"self":{"href":"https://api.github.com/repos/SEA-Design-Dev/advanced-presentation__W2-A2/pulls/comments/39818345"},"html":{"href":"https://github.com/SEA-Design-Dev/advanced-presentation__W2-A2/pull/5#discussion_r39818345"},"pull_request":{"href":"https://api.github.com/repos/SEA-Design-Dev/advanced-presentation__W2-A2/pulls/5"}}},"pull_request":{"url":"https://api.github.com/repos/SEA-Design-Dev/advanced-presentation__W2-A2/pulls/5","id":44454012,"html_url":"https://github.com/SEA-Design-Dev/advanced-presentation__W2-A2/pull/5","diff_url":"https://github.com/SEA-Design-Dev/advanced-presentation__W2-A2/pull/5.diff","patch_url":"https://github.com/SEA-Design-Dev/advanced-presentation__W2-A2/pull/5.patch","issue_url":"https://api.github.com/repos/SEA-Design-Dev/advanced-presentation__W2-A2/issues/5","number":5,"state":"open","locked":false,"title":"Avengers Website Prototype (FINAL)","user":{"login":"chrisdholt","id":13071055,"avatar_url":"https://avatars.githubusercontent.com/u/13071055?v=3","gravatar_id":"","url":"https://api.github.com/users/chrisdholt","html_url":"https://github.com/chrisdholt","followers_url":"https://api.github.com/users/chrisdholt/followers","following_url":"https://api.github.com/users/chrisdholt/following{/other_user}","gists_url":"https://api.github.com/users/chrisdholt/gists{/gist_id}","starred_url":"https://api.github.com/users/chrisdholt/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/chrisdholt/subscriptions","organizations_url":"https://api.github.com/users/chrisdholt/orgs","repos_url":"https://api.github.com/users/chrisdholt/repos","events_url":"https://api.github.com/users/chrisdholt/events{/privacy}","received_events_url":"https://api.github.com/users/chrisdholt/received_events","type":"User","site_admin":false},"body":"Creating a clickable prototype for \"Avengers\" creative design agency based on the provided comp. The layout will be a responsive, mobile first layout with the next breakpoint at desktop.\r\n\r\n@blackfalcon  @miketierney  @jedfoster ","created_at":"2015-09-08T16:32:42Z","updated_at":"2015-09-18T01:52:22Z","closed_at":null,"merged_at":null,"merge_commit_sha":"7fd53c5cece327e66857bd868fc8ab0ecd9d5848","assignee":null,"milestone":null,"commits_url":"https://api.github.com/repos/SEA-Design-Dev/advanced-presentation__W2-A2/pulls/5/commits","review_comments_url":"https://api.github.com/repos/SEA-Design-Dev/advanced-presentation__W2-A2/pulls/5/comments","review_comment_url":"https://api.github.com/repos/SEA-Design-Dev/advanced-presentation__W2-A2/pulls/comments{/number}","comments_url":"https://api.github.com/repos/SEA-Design-Dev/advanced-presentation__W2-A2/issues/5/comments","statuses_url":"https://api.github.com/repos/SEA-Design-Dev/advanced-presentation__W2-A2/statuses/c51592814eabcd8e392de895b07dc2f315887c34","head":{"label":"chrisdholt:master","ref":"master","sha":"c51592814eabcd8e392de895b07dc2f315887c34","user":{"login":"chrisdholt","id":13071055,"avatar_url":"https://avatars.githubusercontent.com/u/13071055?v=3","gravatar_id":"","url":"https://api.github.com/users/chrisdholt","html_url":"https://github.com/chrisdholt","followers_url":"https://api.github.com/users/chrisdholt/followers","following_url":"https://api.github.com/users/chrisdholt/following{/other_user}","gists_url":"https://api.github.com/users/chrisdholt/gists{/gist_id}","starred_url":"https://api.github.com/users/chrisdholt/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/chrisdholt/subscriptions","organizations_url":"https://api.github.com/users/chrisdholt/orgs","repos_url":"https://api.github.com/users/chrisdholt/repos","events_url":"https://api.github.com/users/chrisdholt/events{/privacy}","received_events_url":"https://api.github.com/users/chrisdholt/received_events","type":"User","site_admin":false},"repo":{"id":42124645,"name":"FEDA-Week-2-James-Chris-Assignment-FINAL","full_name":"chrisdholt/FEDA-Week-2-James-Chris-Assignment-FINAL","owner":{"login":"chrisdholt","id":13071055,"avatar_url":"https://avatars.githubusercontent.com/u/13071055?v=3","gravatar_id":"","url":"https://api.github.com/users/chrisdholt","html_url":"https://github.com/chrisdholt","followers_url":"https://api.github.com/users/chrisdholt/followers","following_url":"https://api.github.com/users/chrisdholt/following{/other_user}","gists_url":"https://api.github.com/users/chrisdholt/gists{/gist_id}","starred_url":"https://api.github.com/users/chrisdholt/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/chrisdholt/subscriptions","organizations_url":"https://api.github.com/users/chrisdholt/orgs","repos_url":"https://api.github.com/users/chrisdholt/repos","events_url":"https://api.github.com/users/chrisdholt/events{/privacy}","received_events_url":"https://api.github.com/users/chrisdholt/received_events","type":"User","site_admin":false},"private":false,"html_url":"https://github.com/chrisdholt/FEDA-Week-2-James-Chris-Assignment-FINAL","description":"","fork":true,"url":"https://api.github.com/repos/chrisdholt/FEDA-Week-2-James-Chris-Assignment-FINAL","forks_url":"https://api.github.com/repos/chrisdholt/FEDA-Week-2-James-Chris-Assignment-FINAL/forks","keys_url":"https://api.github.com/repos/chrisdholt/FEDA-Week-2-James-Chris-Assignment-FINAL/keys{/key_id}","collaborators_url":"https://api.github.com/repos/chrisdholt/FEDA-Week-2-James-Chris-Assignment-FINAL/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/chrisdholt/FEDA-Week-2-James-Chris-Assignment-FINAL/teams","hooks_url":"https://api.github.com/repos/chrisdholt/FEDA-Week-2-James-Chris-Assignment-FINAL/hooks","issue_events_url":"https://api.github.com/repos/chrisdholt/FEDA-Week-2-James-Chris-Assignment-FINAL/issues/events{/number}","events_url":"https://api.github.com/repos/chrisdholt/FEDA-Week-2-James-Chris-Assignment-FINAL/events","assignees_url":"https://api.github.com/repos/chrisdholt/FEDA-Week-2-James-Chris-Assignment-FINAL/assignees{/user}","branches_url":"https://api.github.com/repos/chrisdholt/FEDA-Week-2-James-Chris-Assignment-FINAL/branches{/branch}","tags_url":"https://api.github.com/repos/chrisdholt/FEDA-Week-2-James-Chris-Assignment-FINAL/tags","blobs_url":"https://api.github.com/repos/chrisdholt/FEDA-Week-2-James-Chris-Assignment-FINAL/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/chrisdholt/FEDA-Week-2-James-Chris-Assignment-FINAL/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/chrisdholt/FEDA-Week-2-James-Chris-Assignment-FINAL/git/refs{/sha}","trees_url":"https://api.github.com/repos/chrisdholt/FEDA-Week-2-James-Chris-Assignment-FINAL/git/trees{/sha}","statuses_url":"https://api.github.com/repos/chrisdholt/FEDA-Week-2-James-Chris-Assignment-FINAL/statuses/{sha}","languages_url":"https://api.github.com/repos/chrisdholt/FEDA-Week-2-James-Chris-Assignment-FINAL/languages","stargazers_url":"https://api.github.com/repos/chrisdholt/FEDA-Week-2-James-Chris-Assignment-FINAL/stargazers","contributors_url":"https://api.github.com/repos/chrisdholt/FEDA-Week-2-James-Chris-Assignment-FINAL/contributors","subscribers_url":"https://api.github.com/repos/chrisdholt/FEDA-Week-2-James-Chris-Assignment-FINAL/subscribers","subscription_url":"https://api.github.com/repos/chrisdholt/FEDA-Week-2-James-Chris-Assignment-FINAL/subscription","commits_url":"https://api.github.com/repos/chrisdholt/FEDA-Week-2-James-Chris-Assignment-FINAL/commits{/sha}","git_commits_url":"https://api.github.com/repos/chrisdholt/FEDA-Week-2-James-Chris-Assignment-FINAL/git/commits{/sha}","comments_url":"https://api.github.com/repos/chrisdholt/FEDA-Week-2-James-Chris-Assignment-FINAL/comments{/number}","issue_comment_url":"https://api.github.com/repos/chrisdholt/FEDA-Week-2-James-Chris-Assignment-FINAL/issues/comments{/number}","contents_url":"https://api.github.com/repos/chrisdholt/FEDA-Week-2-James-Chris-Assignment-FINAL/contents/{+path}","compare_url":"https://api.github.com/repos/chrisdholt/FEDA-Week-2-James-Chris-Assignment-FINAL/compare/{base}...{head}","merges_url":"https://api.github.com/repos/chrisdholt/FEDA-Week-2-James-Chris-Assignment-FINAL/merges","archive_url":"https://api.github.com/repos/chrisdholt/FEDA-Week-2-James-Chris-Assignment-FINAL/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/chrisdholt/FEDA-Week-2-James-Chris-Assignment-FINAL/downloads","issues_url":"https://api.github.com/repos/chrisdholt/FEDA-Week-2-James-Chris-Assignment-FINAL/issues{/number}","pulls_url":"https://api.github.com/repos/chrisdholt/FEDA-Week-2-James-Chris-Assignment-FINAL/pulls{/number}","milestones_url":"https://api.github.com/repos/chrisdholt/FEDA-Week-2-James-Chris-Assignment-FINAL/milestones{/number}","notifications_url":"https://api.github.com/repos/chrisdholt/FEDA-Week-2-James-Chris-Assignment-FINAL/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/chrisdholt/FEDA-Week-2-James-Chris-Assignment-FINAL/labels{/name}","releases_url":"https://api.github.com/repos/chrisdholt/FEDA-Week-2-James-Chris-Assignment-FINAL/releases{/id}","created_at":"2015-09-08T16:26:16Z","updated_at":"2015-09-13T03:20:09Z","pushed_at":"2015-09-18T01:49:00Z","git_url":"git://github.com/chrisdholt/FEDA-Week-2-James-Chris-Assignment-FINAL.git","ssh_url":"git@github.com:chrisdholt/FEDA-Week-2-James-Chris-Assignment-FINAL.git","clone_url":"https://github.com/chrisdholt/FEDA-Week-2-James-Chris-Assignment-FINAL.git","svn_url":"https://github.com/chrisdholt/FEDA-Week-2-James-Chris-Assignment-FINAL","homepage":null,"size":3533,"stargazers_count":0,"watchers_count":0,"language":"HTML","has_issues":false,"has_downloads":true,"has_wiki":true,"has_pages":false,"forks_count":0,"mirror_url":null,"open_issues_count":1,"forks":0,"open_issues":1,"watchers":0,"default_branch":"master"}},"base":{"label":"SEA-Design-Dev:master","ref":"master","sha":"1a83b8367c5b86aea3a499c06b2720e7087c2837","user":{"login":"SEA-Design-Dev","id":7503112,"avatar_url":"https://avatars.githubusercontent.com/u/7503112?v=3","gravatar_id":"","url":"https://api.github.com/users/SEA-Design-Dev","html_url":"https://github.com/SEA-Design-Dev","followers_url":"https://api.github.com/users/SEA-Design-Dev/followers","following_url":"https://api.github.com/users/SEA-Design-Dev/following{/other_user}","gists_url":"https://api.github.com/users/SEA-Design-Dev/gists{/gist_id}","starred_url":"https://api.github.com/users/SEA-Design-Dev/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/SEA-Design-Dev/subscriptions","organizations_url":"https://api.github.com/users/SEA-Design-Dev/orgs","repos_url":"https://api.github.com/users/SEA-Design-Dev/repos","events_url":"https://api.github.com/users/SEA-Design-Dev/events{/privacy}","received_events_url":"https://api.github.com/users/SEA-Design-Dev/received_events","type":"Organization","site_admin":false},"repo":{"id":42080747,"name":"advanced-presentation__W2-A2","full_name":"SEA-Design-Dev/advanced-presentation__W2-A2","owner":{"login":"SEA-Design-Dev","id":7503112,"avatar_url":"https://avatars.githubusercontent.com/u/7503112?v=3","gravatar_id":"","url":"https://api.github.com/users/SEA-Design-Dev","html_url":"https://github.com/SEA-Design-Dev","followers_url":"https://api.github.com/users/SEA-Design-Dev/followers","following_url":"https://api.github.com/users/SEA-Design-Dev/following{/other_user}","gists_url":"https://api.github.com/users/SEA-Design-Dev/gists{/gist_id}","starred_url":"https://api.github.com/users/SEA-Design-Dev/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/SEA-Design-Dev/subscriptions","organizations_url":"https://api.github.com/users/SEA-Design-Dev/orgs","repos_url":"https://api.github.com/users/SEA-Design-Dev/repos","events_url":"https://api.github.com/users/SEA-Design-Dev/events{/privacy}","received_events_url":"https://api.github.com/users/SEA-Design-Dev/received_events","type":"Organization","site_admin":false},"private":false,"html_url":"https://github.com/SEA-Design-Dev/advanced-presentation__W2-A2","description":"","fork":false,"url":"https://api.github.com/repos/SEA-Design-Dev/advanced-presentation__W2-A2","forks_url":"https://api.github.com/repos/SEA-Design-Dev/advanced-presentation__W2-A2/forks","keys_url":"https://api.github.com/repos/SEA-Design-Dev/advanced-presentation__W2-A2/keys{/key_id}","collaborators_url":"https://api.github.com/repos/SEA-Design-Dev/advanced-presentation__W2-A2/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/SEA-Design-Dev/advanced-presentation__W2-A2/teams","hooks_url":"https://api.github.com/repos/SEA-Design-Dev/advanced-presentation__W2-A2/hooks","issue_events_url":"https://api.github.com/repos/SEA-Design-Dev/advanced-presentation__W2-A2/issues/events{/number}","events_url":"https://api.github.com/repos/SEA-Design-Dev/advanced-presentation__W2-A2/events","assignees_url":"https://api.github.com/repos/SEA-Design-Dev/advanced-presentation__W2-A2/assignees{/user}","branches_url":"https://api.github.com/repos/SEA-Design-Dev/advanced-presentation__W2-A2/branches{/branch}","tags_url":"https://api.github.com/repos/SEA-Design-Dev/advanced-presentation__W2-A2/tags","blobs_url":"https://api.github.com/repos/SEA-Design-Dev/advanced-presentation__W2-A2/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/SEA-Design-Dev/advanced-presentation__W2-A2/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/SEA-Design-Dev/advanced-presentation__W2-A2/git/refs{/sha}","trees_url":"https://api.github.com/repos/SEA-Design-Dev/advanced-presentation__W2-A2/git/trees{/sha}","statuses_url":"https://api.github.com/repos/SEA-Design-Dev/advanced-presentation__W2-A2/statuses/{sha}","languages_url":"https://api.github.com/repos/SEA-Design-Dev/advanced-presentation__W2-A2/languages","stargazers_url":"https://api.github.com/repos/SEA-Design-Dev/advanced-presentation__W2-A2/stargazers","contributors_url":"https://api.github.com/repos/SEA-Design-Dev/advanced-presentation__W2-A2/contributors","subscribers_url":"https://api.github.com/repos/SEA-Design-Dev/advanced-presentation__W2-A2/subscribers","subscription_url":"https://api.github.com/repos/SEA-Design-Dev/advanced-presentation__W2-A2/subscription","commits_url":"https://api.github.com/repos/SEA-Design-Dev/advanced-presentation__W2-A2/commits{/sha}","git_commits_url":"https://api.github.com/repos/SEA-Design-Dev/advanced-presentation__W2-A2/git/commits{/sha}","comments_url":"https://api.github.com/repos/SEA-Design-Dev/advanced-presentation__W2-A2/comments{/number}","issue_comment_url":"https://api.github.com/repos/SEA-Design-Dev/advanced-presentation__W2-A2/issues/comments{/number}","contents_url":"https://api.github.com/repos/SEA-Design-Dev/advanced-presentation__W2-A2/contents/{+path}","compare_url":"https://api.github.com/repos/SEA-Design-Dev/advanced-presentation__W2-A2/compare/{base}...{head}","merges_url":"https://api.github.com/repos/SEA-Design-Dev/advanced-presentation__W2-A2/merges","archive_url":"https://api.github.com/repos/SEA-Design-Dev/advanced-presentation__W2-A2/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/SEA-Design-Dev/advanced-presentation__W2-A2/downloads","issues_url":"https://api.github.com/repos/SEA-Design-Dev/advanced-presentation__W2-A2/issues{/number}","pulls_url":"https://api.github.com/repos/SEA-Design-Dev/advanced-presentation__W2-A2/pulls{/number}","milestones_url":"https://api.github.com/repos/SEA-Design-Dev/advanced-presentation__W2-A2/milestones{/number}","notifications_url":"https://api.github.com/repos/SEA-Design-Dev/advanced-presentation__W2-A2/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/SEA-Design-Dev/advanced-presentation__W2-A2/labels{/name}","releases_url":"https://api.github.com/repos/SEA-Design-Dev/advanced-presentation__W2-A2/releases{/id}","created_at":"2015-09-08T00:27:08Z","updated_at":"2015-09-08T00:27:08Z","pushed_at":"2015-09-18T01:42:30Z","git_url":"git://github.com/SEA-Design-Dev/advanced-presentation__W2-A2.git","ssh_url":"git@github.com:SEA-Design-Dev/advanced-presentation__W2-A2.git","clone_url":"https://github.com/SEA-Design-Dev/advanced-presentation__W2-A2.git","svn_url":"https://github.com/SEA-Design-Dev/advanced-presentation__W2-A2","homepage":null,"size":12568,"stargazers_count":0,"watchers_count":0,"language":null,"has_issues":true,"has_downloads":true,"has_wiki":true,"has_pages":false,"forks_count":8,"mirror_url":null,"open_issues_count":8,"forks":8,"open_issues":8,"watchers":0,"default_branch":"master"}},"_links":{"self":{"href":"https://api.github.com/repos/SEA-Design-Dev/advanced-presentation__W2-A2/pulls/5"},"html":{"href":"https://github.com/SEA-Design-Dev/advanced-presentation__W2-A2/pull/5"},"issue":{"href":"https://api.github.com/repos/SEA-Design-Dev/advanced-presentation__W2-A2/issues/5"},"comments":{"href":"https://api.github.com/repos/SEA-Design-Dev/advanced-presentation__W2-A2/issues/5/comments"},"review_comments":{"href":"https://api.github.com/repos/SEA-Design-Dev/advanced-presentation__W2-A2/pulls/5/comments"},"review_comment":{"href":"https://api.github.com/repos/SEA-Design-Dev/advanced-presentation__W2-A2/pulls/comments{/number}"},"commits":{"href":"https://api.github.com/repos/SEA-Design-Dev/advanced-presentation__W2-A2/pulls/5/commits"},"statuses":{"href":"https://api.github.com/repos/SEA-Design-Dev/advanced-presentation__W2-A2/statuses/c51592814eabcd8e392de895b07dc2f315887c34"}}}}