-
-
Save jrichardsz/0fe5e1912fac649eb14ccdf2c2216021 to your computer and use it in GitHub Desktop.
Landing Minimal Responsive Website Template | Webflow Templates// source https://jsbin.com/boyixum
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <!-- This site was created in Webflow. http://www.webflow.com--> | |
| <!-- Last Published: Mon Sep 12 2016 06:52:34 GMT+0000 (UTC) --> | |
| <html data-wf-domain="minimaltemplate.webflow.io" data-wf-page="530ab3ac7b5bc4ca19000b97" data-wf-site="530ab3ac7b5bc4ca19000b96"> | |
| <head> | |
| <meta charset="utf-8"><title>Minimal Responsive Website Template | Webflow Templates</title> | |
| <meta content="width=device-width, initial-scale=1" name="viewport"> | |
| <meta content="Webflow" name="generator"> | |
| <link href="https://daks2k3a4ib2z.cloudfront.net/530ab3ac7b5bc4ca19000b96/css/minimaltemplate.webflow.91e586bd6.css" rel="stylesheet" type="text/css"><script src="https://ajax.googleapis.com/ajax/libs/webfont/1.4.7/webfont.js"></script> | |
| <script type="text/javascript">WebFont.load({ | |
| google: { | |
| families: ["Vollkorn:400,400italic,700,700italic","Montserrat:400,700","Oswald:300,400,700"] | |
| } | |
| });</script> | |
| <script src="https://daks2k3a4ib2z.cloudfront.net/0globals/modernizr-2.7.1.js" type="text/javascript"></script> | |
| <link href="https://y7v4p6k4.ssl.hwcdn.net/placeholder/favicon.ico" rel="shortcut icon" type="image/x-icon"> | |
| <link href="https://daks2k3a4ib2z.cloudfront.net/img/webclip.png" rel="apple-touch-icon"> | |
| </head> | |
| <body> | |
| <div class="navbar w-nav" data-animation="default" data-collapse="medium" data-contain="1" data-duration="400"> | |
| <div class="w-container"> | |
| <a class="brand-block w-clearfix w-nav-brand" href="#"> | |
| <img class="logo-img" src="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530ab6fbadc8485f56000af3_minimal-logo.png" width="65"> | |
| <h1 class="logo-title">Minimal</h1> | |
| </a> | |
| <nav class="nav-menu w-nav-menu" role="navigation"> | |
| <a class="nav-link w-nav-link" href="#process">process</a> | |
| <a class="nav-link w-nav-link" href="#projects">projects</a> | |
| <a class="nav-link w-nav-link" href="#team">team</a> | |
| <a class="nav-link w-nav-link" href="#contact">contact</a> | |
| </nav> | |
| <div class="menu-button w-nav-button"><div class="w-icon-nav-menu"></div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="header"> | |
| <div class="w-container"> | |
| <h1 class="main-heading">Making brands stand out<br>is our obsession</h1> | |
| <div class="divider"></div> | |
| <div class="main-subtitle">Let us help your brand stand out.</div> | |
| </div> | |
| </div> | |
| <div class="about-section"> | |
| <img class="x-icon" src="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530ac1247b5bc4ca19000c29_x-black.png" width="52"> | |
| <div class="w-container"> | |
| <p class="about-text">Minimalist is a full-service digital creative agency located in Ontorio Canada. We focus on design, consulting, technology, and photography. We’ve been building unique digital products, platforms, and experiences for the past 6 years. Let us help your company grow.</p> | |
| <a class="button" href="#contact">Get in Touch</a> | |
| </div> | |
| </div> | |
| <div class="section" id="process"> | |
| <div class="w-container"> | |
| <h2>How we make brands thrive</h2> | |
| <div class="divider grey"></div> | |
| <div class="w-row"> | |
| <div class="w-col w-col-4"> | |
| <div class="grey-icon-wrapper"> | |
| <img class="big-icon" src="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b7763b9b97cdf3e0008b9_icon-target.png" width="127"> | |
| </div> | |
| <h3>SET a target</h3> | |
| <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. </p> | |
| </div> | |
| <div class="w-col w-col-4"> | |
| <div class="grey-icon-wrapper push-top"><img class="big-icon" src="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b7772b9b97cdf3e0008bc_icon-design.png" width="127"> | |
| </div> | |
| <h3>design a solution</h3> | |
| <p>Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. </p> | |
| </div> | |
| <div class="w-col w-col-4"> | |
| <div class="grey-icon-wrapper push-top"> | |
| <img class="big-icon" src="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b7778b9b97cdf3e0008be_icon-chart.png" width="127"> | |
| </div> | |
| <h3>track the progress</h3> | |
| <p>Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="grey section" id="projects"> | |
| <div class="w-container"> | |
| <h2>Recent projects</h2> | |
| <div class="divider grey"></div> | |
| <div class="w-row"> | |
| <div class="w-col w-col-4 w-col-small-4"> | |
| <a class="project-wrapper w-inline-block" href="/project-page"> | |
| <img sizes="(max-width: 479px) 96vw, (max-width: 767px) 29vw, (max-width: 991px) 229.328125px, 299.984375px" src="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b98693cd1ace03e000b61_proj11.jpg" srcset="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b98693cd1ace03e000b61_proj11-p-500x500.jpeg 500w, http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b98693cd1ace03e000b61_proj11.jpg 800w"><div class="project-info"> | |
| <h3 class="project-title">woods</h3> | |
| <div>Photography</div> | |
| </div> | |
| </a> | |
| </div> | |
| <div class="w-col w-col-4 w-col-small-4"> | |
| <div class="project-wrapper"> | |
| <a class="project-wrapper w-inline-block" href="/project-page"> | |
| <img sizes="(max-width: 479px) 96vw, (max-width: 767px) 29vw, (max-width: 991px) 229.328125px, 299.984375px" src="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b96f23cd1ace03e000b56_proj4.jpg" srcset="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b96f23cd1ace03e000b56_proj4-p-500x500.jpeg 500w, http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b96f23cd1ace03e000b56_proj4.jpg 800w"> | |
| <div class="project-info"> | |
| <h3 class="project-title">path</h3> | |
| <div>Website • Photography</div> | |
| </div> | |
| </a> | |
| </div> | |
| </div> | |
| <div class="w-col w-col-4 w-col-small-4"> | |
| <div class="project-wrapper"> | |
| <a class="project-wrapper w-inline-block" href="/project-page"> | |
| <img sizes="(max-width: 479px) 96vw, (max-width: 767px) 29vw, (max-width: 991px) 229.328125px, 299.984375px" src="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b96fcb9b97cdf3e000a5a_proj6.jpg" srcset="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b96fcb9b97cdf3e000a5a_proj6-p-500x500.jpeg 500w, http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b96fcb9b97cdf3e000a5a_proj6.jpg 800w"> | |
| <div class="project-info"> | |
| <h3 class="project-title">darkness</h3> | |
| <div>Website</div> | |
| </div> | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="w-row"> | |
| <div class="w-col w-col-4 w-col-small-4"> | |
| <a class="project-wrapper w-inline-block" href="/project-page"> | |
| <img sizes="(max-width: 479px) 96vw, (max-width: 767px) 29vw, (max-width: 991px) 229.328125px, 299.984375px" src="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b97203cd1ace03e000b58_proj8.jpg" srcset="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b97203cd1ace03e000b58_proj8-p-500x500.jpeg 500w, http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b97203cd1ace03e000b58_proj8.jpg 800w"> | |
| <div class="project-info"> | |
| <h3 class="project-title">waves</h3> | |
| <div>Photography</div> | |
| </div> | |
| </a> | |
| </div> | |
| <div class="w-col w-col-4 w-col-small-4"> | |
| <div class="project-wrapper"> | |
| <a class="project-wrapper w-inline-block" href="/project-page"> | |
| <img sizes="(max-width: 479px) 96vw, (max-width: 767px) 29vw, (max-width: 991px) 229.328125px, 299.984375px" src="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b98a6fc4d6d4d76000b33_proj9.jpg" srcset="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b98a6fc4d6d4d76000b33_proj9-p-500x500.jpeg 500w, http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b98a6fc4d6d4d76000b33_proj9.jpg 800w"> | |
| <div class="project-info"> | |
| <h3 class="project-title">drops</h3> | |
| <div>Website</div> | |
| </div> | |
| </a> | |
| </div> | |
| </div> | |
| <div class="w-col w-col-4 w-col-small-4"> | |
| <div class="project-wrapper"> | |
| <a class="project-wrapper w-inline-block" href="/project-page"> | |
| <img sizes="(max-width: 479px) 96vw, (max-width: 767px) 29vw, (max-width: 991px) 229.328125px, 299.984375px" src="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b9734ef2d794e760009b6_project2.jpg" srcset="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b9734ef2d794e760009b6_project2-p-500x500.jpeg 500w, http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b9734ef2d794e760009b6_project2.jpg 800w"> | |
| <div class="project-info"> | |
| <h3 class="project-title">ocean</h3> | |
| <div>Website</div> | |
| </div> | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="w-row"> | |
| <div class="w-col w-col-4 w-col-small-4"> | |
| <a class="project-wrapper w-inline-block" href="/project-page"> | |
| <img sizes="(max-width: 479px) 96vw, (max-width: 767px) 29vw, (max-width: 991px) 229.328125px, 299.984375px" src="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b984cb9b97cdf3e000a81_proj7.jpg" srcset="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b984cb9b97cdf3e000a81_proj7-p-500x500.jpeg 500w, http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b984cb9b97cdf3e000a81_proj7.jpg 800w"> | |
| <div class="project-info"> | |
| <h3 class="project-title">town</h3> | |
| <div>Website</div> | |
| </div> | |
| </a> | |
| </div> | |
| <div class="w-col w-col-4 w-col-small-4"> | |
| <div class="project-wrapper"> | |
| <a class="project-wrapper w-inline-block" href="/project-page"> | |
| <img sizes="(max-width: 479px) 96vw, (max-width: 767px) 29vw, (max-width: 991px) 229.328125px, 299.984375px" src="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b98583cd1ace03e000b5d_proj12.jpg" srcset="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b98583cd1ace03e000b5d_proj12-p-500x500.jpeg 500w, http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b98583cd1ace03e000b5d_proj12.jpg 800w"> | |
| <div class="project-info"> | |
| <h3 class="project-title">mountain</h3> | |
| <div>Website</div> | |
| </div> | |
| </a> | |
| </div> | |
| </div> | |
| <div class="w-col w-col-4 w-col-small-4"> | |
| <div class="project-wrapper"> | |
| <a class="project-wrapper w-inline-block" href="/project-page"> | |
| <img sizes="(max-width: 479px) 96vw, (max-width: 767px) 29vw, (max-width: 991px) 229.328125px, 299.984375px" src="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b98b6fc4d6d4d76000b35_project1.jpg" srcset="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b98b6fc4d6d4d76000b35_project1-p-500x500.jpeg 500w, http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b98b6fc4d6d4d76000b35_project1.jpg 800w"> | |
| <div class="project-info"> | |
| <h3 class="project-title">camera</h3> | |
| <div>Website</div> | |
| </div> | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="section" id="team"> | |
| <div class="w-container"><h2>our team</h2> | |
| <div class="divider grey"></div> | |
| <div class="team-row w-row"> | |
| <div class="member w-col w-col-3 w-col-small-6"> | |
| <img class="team-image" src="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b7af4b9b97cdf3e0008fc_person1.png"> | |
| <h3 class="team-title">Ron Swanson</h3> | |
| <div class="role">Founder</div> | |
| <div class="social-buttons"> | |
| <a class="social-link w-inline-block" href="#"> | |
| <img src="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b7c55fc4d6d4d7600096f_twitter-icon_black.svg" width="14"> | |
| </a> | |
| <a class="social-link w-inline-block" href="#"> | |
| <img src="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b7c8ffc4d6d4d76000973_linkdin-icon-black.svg" width="14"> | |
| </a> | |
| <a class="social-link w-inline-block" href="#"> | |
| <img src="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b7c193cd1ace03e00091b_email-icon-black.svg" width="14"> | |
| </a> | |
| </div> | |
| </div> | |
| <!--- | |
| <div class="member w-col w-col-3 w-col-small-6"> | |
| <img class="team-image" src="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b7b0d3cd1ace03e00090f_person2.png"> | |
| <h3 class="team-title">Julia Depish</h3><div class="role">Marketing</div><div class="social-buttons"><a class="social-link w-inline-block" href="#"><img src="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b7c55fc4d6d4d7600096f_twitter-icon_black.svg" width="14"></a><a class="social-link w-inline-block" href="#"><img src="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b7c8ffc4d6d4d76000973_linkdin-icon-black.svg" width="14"></a><a class="social-link w-inline-block" href="#"><img src="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b7c193cd1ace03e00091b_email-icon-black.svg" width="14"></a></div></div><div class="member w-col w-col-3 w-col-small-6"><img class="team-image" src="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b7b14b9b97cdf3e0008fe_person3.png"><h3 class="team-title">Danny Devry</h3><div class="role">Designer</div><div class="social-buttons"><a class="social-link w-inline-block" href="#"><img src="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b7cb6fc4d6d4d7600097a_instagram-icon-black.svg" width="14"></a><a class="social-link w-inline-block" href="#"><img src="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b7c55fc4d6d4d7600096f_twitter-icon_black.svg" width="14"></a><a class="social-link w-inline-block" href="#"><img src="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b7ca8fc4d6d4d76000979_behance-icon-black.svg" width="14"></a><a class="social-link w-inline-block" href="#"><img src="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b7c02ef2d794e760007ce_dribbble-icon-black.svg" width="14"></a><a class="social-link w-inline-block" href="#"><img src="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b7c193cd1ace03e00091b_email-icon-black.svg" width="14"></a></div></div><div class="member w-col w-col-3 w-col-small-6"><img class="team-image" src="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b7b1cef2d794e760007a2_person4.png"><h3 class="team-title">Lisa Smith</h3><div class="role">Developer</div><div class="social-buttons"><a class="social-link w-inline-block" href="#"><img src="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b7c263cd1ace03e00091c_facebook-icon_black.svg" width="14"></a><a class="social-link w-inline-block" href="#"><img src="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b7c55fc4d6d4d7600096f_twitter-icon_black.svg" width="14"></a><a class="social-link w-inline-block" href="#"><img src="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b7c193cd1ace03e00091b_email-icon-black.svg" width="14"> | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| ---> | |
| <div class="grey section" id="testimonials"> | |
| <div class="w-container"> | |
| <img class="quote-icon" src="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b7a87b9b97cdf3e0008db_big-quote-icon.svg"> | |
| <div class="testimonial-slider w-slider" data-animation="slide" data-duration="500" data-infinite="1"> | |
| <div class="mask w-slider-mask"> | |
| <div class="testimonial-slide w-slide"><p class="testimonial">“I love these guys! They did a great job. I would recommend them to anyone.” </p> | |
| <img class="face" src="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530cdbe4c058cc946f000100_128.jpg" width="64"> | |
| <div class="from">Julius Von Uberstien</div> | |
| </div> | |
| <div class="left-border testimonial-slide w-slide"> | |
| <p class="testimonial">“Elexis Corp. has grown immensely with the help of Minimal.” </p> | |
| <img class="face" src="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530cdbbfc058cc946f0000fb_krystal.jpg" width="64"> | |
| <div class="from">Rachel Stamos</div> | |
| </div> | |
| <div class="testimonial-slide w-slide"> | |
| <p class="testimonial">“I’m working with these guys from now on!”</p> | |
| <img class="face" src="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530cdc8a7f0fd48f37000105_face-am.jpg" width="64"> | |
| <div class="from">John Smith</div> | |
| </div> | |
| <div class="left-border testimonial-slide w-slide"> | |
| <p class="testimonial">“Top-notch job. Couldn’t have asked for better design and photography.</p> | |
| <img class="face" src="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530cdc7b7f0fd48f37000103_face-chad.jpg" width="64"> | |
| <div class="from">Phil Johnson</div> | |
| </div> | |
| </div> | |
| <div class="arrow w-slider-arrow-left"> | |
| <div class="w-icon-slider-left"></div> | |
| </div> | |
| <div class="arrow w-slider-arrow-right"> | |
| <div class="w-icon-slider-right"></div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="contact section" id="contact"> | |
| <div class="w-container"> | |
| <h2>LET’s Get in touch</h2> | |
| <div class="divider grey"></div> | |
| <div class="w-row"> | |
| <div class="w-col w-col-4"> | |
| <div class="icon-wrapper"> | |
| <img src="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b83b3b9b97cdf3e000971_map-icon.png" width="44"> | |
| </div> | |
| <h3>MEET US IN PERSON</h3> | |
| <p class="contact-text">8776 Juniper Street | |
| <br>Unit #204 | |
| <br>Merriweather, Ontorio <br> | |
| Canada</p> | |
| </div> | |
| <div class="w-col w-col-4"><div class="_2 icon-wrapper"> | |
| <img src="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b83863cd1ace03e000a1d_mail-icon.png" width="70"> | |
| </div> | |
| <h3>The traditional way</h3> | |
| <p class="contact-text">Email us <br><a href="mailto:contact@minimal.com?subject=Hi!" class="link" target="_blank">contact@minimal.com<br><br></a>Contact form<br><a class="link" href="#footer"></a> | |
| <a class="link" href="#footer">Scroll down</a> | |
| </p> | |
| </div> | |
| <div class="w-col w-col-4"> | |
| <div class="_2 icon-wrapper"> | |
| <img src="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b83d4b9b97cdf3e000972_heart-icon.png" width="68"> | |
| </div> | |
| <h3>Let’s get social</h3> | |
| <a class="contact-text social-wrapper w-clearfix w-inline-block" href="#"> | |
| <img class="social-icon" src="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b7c263cd1ace03e00091c_facebook-icon_black.svg" width="14"> | |
| <div class="social-link-text">Facebook</div> | |
| </a> | |
| <a class="contact-text social-wrapper w-inline-block" href="#"> | |
| <img class="social-icon" src="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b7c55fc4d6d4d7600096f_twitter-icon_black.svg" width="14"> | |
| <div class="social-link-text">Twitter</div> | |
| </a> | |
| <a class="contact-text social-wrapper w-inline-block" href="#"> | |
| <img class="social-icon" src="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b7c8ffc4d6d4d76000973_linkdin-icon-black.svg" width="14"> | |
| <div class="social-link-text">Linkdin</div> | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <footer class="footer section" id="footer"> | |
| <div class="w-container"> | |
| <div class="form-wrapper w-form"> | |
| <form data-name="Email Form" name="email-form"> | |
| <input class="darker field w-input" data-name="Name" maxlength="256" name="name" placeholder="Name" required="required" type="text"> | |
| <input class="field w-input" data-name="Email" maxlength="256" name="email" placeholder="Email" required="required" type="email"> | |
| <input class="darker field w-input" data-name="Budget" maxlength="256" name="budget" placeholder="Budget" required="required" type="text"><textarea class="field large w-input" data-name="Comments" maxlength="5000" name="comments" placeholder="Describe your project..." required="required"></textarea> | |
| <input class="button form w-button" data-wait="Please wait..." type="submit" value="Send Message"> | |
| </form> | |
| <div class="success-message w-form-done"> | |
| <h1>Thank you!</h1> | |
| <p>Your submission has been received!</p> | |
| </div> | |
| <div class="w-form-fail"> | |
| <p>Oops! Something went wrong while submitting the form :(</p> | |
| </div> | |
| </div> | |
| <img class="footer-logo" src="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b854cfc4d6d4d760009e5_footer-logo.png" width="43"> | |
| <p class="footer-text">Minimal Template made in Webflow. All rights reserved.</p> | |
| </div> | |
| </footer> | |
| <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js" type="text/javascript"></script> | |
| <script src="https://daks2k3a4ib2z.cloudfront.net/530ab3ac7b5bc4ca19000b96/js/webflow.57f4ffb2a.js" type="text/javascript"></script> | |
| <!--[if lte IE 9]><script src="http://cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script><![endif]--> | |
| <script id="jsbin-source-html" type="text/html"> | |
| <!DOCTYPE html> | |
| <\!-- This site was created in Webflow. http://www.webflow.com--> | |
| <\!-- Last Published: Mon Sep 12 2016 06:52:34 GMT+0000 (UTC) --> | |
| <html data-wf-domain="minimaltemplate.webflow.io" data-wf-page="530ab3ac7b5bc4ca19000b97" data-wf-site="530ab3ac7b5bc4ca19000b96"> | |
| <head> | |
| <meta charset="utf-8"><title>Minimal Responsive Website Template | Webflow Templates</title> | |
| <meta content="width=device-width, initial-scale=1" name="viewport"> | |
| <meta content="Webflow" name="generator"> | |
| <link href="https://daks2k3a4ib2z.cloudfront.net/530ab3ac7b5bc4ca19000b96/css/minimaltemplate.webflow.91e586bd6.css" rel="stylesheet" type="text/css"><script src="https://ajax.googleapis.com/ajax/libs/webfont/1.4.7/webfont.js"><\/script> | |
| <script type="text/javascript">WebFont.load({ | |
| google: { | |
| families: ["Vollkorn:400,400italic,700,700italic","Montserrat:400,700","Oswald:300,400,700"] | |
| } | |
| });<\/script> | |
| <script src="https://daks2k3a4ib2z.cloudfront.net/0globals/modernizr-2.7.1.js" type="text/javascript"><\/script> | |
| <link href="https://y7v4p6k4.ssl.hwcdn.net/placeholder/favicon.ico" rel="shortcut icon" type="image/x-icon"> | |
| <link href="https://daks2k3a4ib2z.cloudfront.net/img/webclip.png" rel="apple-touch-icon"> | |
| </head> | |
| <body> | |
| <div class="navbar w-nav" data-animation="default" data-collapse="medium" data-contain="1" data-duration="400"> | |
| <div class="w-container"> | |
| <a class="brand-block w-clearfix w-nav-brand" href="#"> | |
| <img class="logo-img" src="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530ab6fbadc8485f56000af3_minimal-logo.png" width="65"> | |
| <h1 class="logo-title">Minimal</h1> | |
| </a> | |
| <nav class="nav-menu w-nav-menu" role="navigation"> | |
| <a class="nav-link w-nav-link" href="#process">process</a> | |
| <a class="nav-link w-nav-link" href="#projects">projects</a> | |
| <a class="nav-link w-nav-link" href="#team">team</a> | |
| <a class="nav-link w-nav-link" href="#contact">contact</a> | |
| </nav> | |
| <div class="menu-button w-nav-button"><div class="w-icon-nav-menu"></div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="header"> | |
| <div class="w-container"> | |
| <h1 class="main-heading">Making brands stand out<br>is our obsession</h1> | |
| <div class="divider"></div> | |
| <div class="main-subtitle">Let us help your brand stand out.</div> | |
| </div> | |
| </div> | |
| <div class="about-section"> | |
| <img class="x-icon" src="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530ac1247b5bc4ca19000c29_x-black.png" width="52"> | |
| <div class="w-container"> | |
| <p class="about-text">Minimalist is a full-service digital creative agency located in Ontorio Canada. We focus on design, consulting, technology, and photography. We’ve been building unique digital products, platforms, and experiences for the past 6 years. Let us help your company grow.</p> | |
| <a class="button" href="#contact">Get in Touch</a> | |
| </div> | |
| </div> | |
| <div class="section" id="process"> | |
| <div class="w-container"> | |
| <h2>How we make brands thrive</h2> | |
| <div class="divider grey"></div> | |
| <div class="w-row"> | |
| <div class="w-col w-col-4"> | |
| <div class="grey-icon-wrapper"> | |
| <img class="big-icon" src="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b7763b9b97cdf3e0008b9_icon-target.png" width="127"> | |
| </div> | |
| <h3>SET a target</h3> | |
| <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. </p> | |
| </div> | |
| <div class="w-col w-col-4"> | |
| <div class="grey-icon-wrapper push-top"><img class="big-icon" src="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b7772b9b97cdf3e0008bc_icon-design.png" width="127"> | |
| </div> | |
| <h3>design a solution</h3> | |
| <p>Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. </p> | |
| </div> | |
| <div class="w-col w-col-4"> | |
| <div class="grey-icon-wrapper push-top"> | |
| <img class="big-icon" src="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b7778b9b97cdf3e0008be_icon-chart.png" width="127"> | |
| </div> | |
| <h3>track the progress</h3> | |
| <p>Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="grey section" id="projects"> | |
| <div class="w-container"> | |
| <h2>Recent projects</h2> | |
| <div class="divider grey"></div> | |
| <div class="w-row"> | |
| <div class="w-col w-col-4 w-col-small-4"> | |
| <a class="project-wrapper w-inline-block" href="/project-page"> | |
| <img sizes="(max-width: 479px) 96vw, (max-width: 767px) 29vw, (max-width: 991px) 229.328125px, 299.984375px" src="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b98693cd1ace03e000b61_proj11.jpg" srcset="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b98693cd1ace03e000b61_proj11-p-500x500.jpeg 500w, http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b98693cd1ace03e000b61_proj11.jpg 800w"><div class="project-info"> | |
| <h3 class="project-title">woods</h3> | |
| <div>Photography</div> | |
| </div> | |
| </a> | |
| </div> | |
| <div class="w-col w-col-4 w-col-small-4"> | |
| <div class="project-wrapper"> | |
| <a class="project-wrapper w-inline-block" href="/project-page"> | |
| <img sizes="(max-width: 479px) 96vw, (max-width: 767px) 29vw, (max-width: 991px) 229.328125px, 299.984375px" src="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b96f23cd1ace03e000b56_proj4.jpg" srcset="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b96f23cd1ace03e000b56_proj4-p-500x500.jpeg 500w, http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b96f23cd1ace03e000b56_proj4.jpg 800w"> | |
| <div class="project-info"> | |
| <h3 class="project-title">path</h3> | |
| <div>Website • Photography</div> | |
| </div> | |
| </a> | |
| </div> | |
| </div> | |
| <div class="w-col w-col-4 w-col-small-4"> | |
| <div class="project-wrapper"> | |
| <a class="project-wrapper w-inline-block" href="/project-page"> | |
| <img sizes="(max-width: 479px) 96vw, (max-width: 767px) 29vw, (max-width: 991px) 229.328125px, 299.984375px" src="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b96fcb9b97cdf3e000a5a_proj6.jpg" srcset="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b96fcb9b97cdf3e000a5a_proj6-p-500x500.jpeg 500w, http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b96fcb9b97cdf3e000a5a_proj6.jpg 800w"> | |
| <div class="project-info"> | |
| <h3 class="project-title">darkness</h3> | |
| <div>Website</div> | |
| </div> | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="w-row"> | |
| <div class="w-col w-col-4 w-col-small-4"> | |
| <a class="project-wrapper w-inline-block" href="/project-page"> | |
| <img sizes="(max-width: 479px) 96vw, (max-width: 767px) 29vw, (max-width: 991px) 229.328125px, 299.984375px" src="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b97203cd1ace03e000b58_proj8.jpg" srcset="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b97203cd1ace03e000b58_proj8-p-500x500.jpeg 500w, http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b97203cd1ace03e000b58_proj8.jpg 800w"> | |
| <div class="project-info"> | |
| <h3 class="project-title">waves</h3> | |
| <div>Photography</div> | |
| </div> | |
| </a> | |
| </div> | |
| <div class="w-col w-col-4 w-col-small-4"> | |
| <div class="project-wrapper"> | |
| <a class="project-wrapper w-inline-block" href="/project-page"> | |
| <img sizes="(max-width: 479px) 96vw, (max-width: 767px) 29vw, (max-width: 991px) 229.328125px, 299.984375px" src="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b98a6fc4d6d4d76000b33_proj9.jpg" srcset="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b98a6fc4d6d4d76000b33_proj9-p-500x500.jpeg 500w, http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b98a6fc4d6d4d76000b33_proj9.jpg 800w"> | |
| <div class="project-info"> | |
| <h3 class="project-title">drops</h3> | |
| <div>Website</div> | |
| </div> | |
| </a> | |
| </div> | |
| </div> | |
| <div class="w-col w-col-4 w-col-small-4"> | |
| <div class="project-wrapper"> | |
| <a class="project-wrapper w-inline-block" href="/project-page"> | |
| <img sizes="(max-width: 479px) 96vw, (max-width: 767px) 29vw, (max-width: 991px) 229.328125px, 299.984375px" src="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b9734ef2d794e760009b6_project2.jpg" srcset="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b9734ef2d794e760009b6_project2-p-500x500.jpeg 500w, http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b9734ef2d794e760009b6_project2.jpg 800w"> | |
| <div class="project-info"> | |
| <h3 class="project-title">ocean</h3> | |
| <div>Website</div> | |
| </div> | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="w-row"> | |
| <div class="w-col w-col-4 w-col-small-4"> | |
| <a class="project-wrapper w-inline-block" href="/project-page"> | |
| <img sizes="(max-width: 479px) 96vw, (max-width: 767px) 29vw, (max-width: 991px) 229.328125px, 299.984375px" src="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b984cb9b97cdf3e000a81_proj7.jpg" srcset="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b984cb9b97cdf3e000a81_proj7-p-500x500.jpeg 500w, http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b984cb9b97cdf3e000a81_proj7.jpg 800w"> | |
| <div class="project-info"> | |
| <h3 class="project-title">town</h3> | |
| <div>Website</div> | |
| </div> | |
| </a> | |
| </div> | |
| <div class="w-col w-col-4 w-col-small-4"> | |
| <div class="project-wrapper"> | |
| <a class="project-wrapper w-inline-block" href="/project-page"> | |
| <img sizes="(max-width: 479px) 96vw, (max-width: 767px) 29vw, (max-width: 991px) 229.328125px, 299.984375px" src="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b98583cd1ace03e000b5d_proj12.jpg" srcset="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b98583cd1ace03e000b5d_proj12-p-500x500.jpeg 500w, http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b98583cd1ace03e000b5d_proj12.jpg 800w"> | |
| <div class="project-info"> | |
| <h3 class="project-title">mountain</h3> | |
| <div>Website</div> | |
| </div> | |
| </a> | |
| </div> | |
| </div> | |
| <div class="w-col w-col-4 w-col-small-4"> | |
| <div class="project-wrapper"> | |
| <a class="project-wrapper w-inline-block" href="/project-page"> | |
| <img sizes="(max-width: 479px) 96vw, (max-width: 767px) 29vw, (max-width: 991px) 229.328125px, 299.984375px" src="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b98b6fc4d6d4d76000b35_project1.jpg" srcset="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b98b6fc4d6d4d76000b35_project1-p-500x500.jpeg 500w, http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b98b6fc4d6d4d76000b35_project1.jpg 800w"> | |
| <div class="project-info"> | |
| <h3 class="project-title">camera</h3> | |
| <div>Website</div> | |
| </div> | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="section" id="team"> | |
| <div class="w-container"><h2>our team</h2> | |
| <div class="divider grey"></div> | |
| <div class="team-row w-row"> | |
| <div class="member w-col w-col-3 w-col-small-6"> | |
| <img class="team-image" src="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b7af4b9b97cdf3e0008fc_person1.png"> | |
| <h3 class="team-title">Ron Swanson</h3> | |
| <div class="role">Founder</div> | |
| <div class="social-buttons"> | |
| <a class="social-link w-inline-block" href="#"> | |
| <img src="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b7c55fc4d6d4d7600096f_twitter-icon_black.svg" width="14"> | |
| </a> | |
| <a class="social-link w-inline-block" href="#"> | |
| <img src="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b7c8ffc4d6d4d76000973_linkdin-icon-black.svg" width="14"> | |
| </a> | |
| <a class="social-link w-inline-block" href="#"> | |
| <img src="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b7c193cd1ace03e00091b_email-icon-black.svg" width="14"> | |
| </a> | |
| </div> | |
| </div> | |
| <\!--- | |
| <div class="member w-col w-col-3 w-col-small-6"> | |
| <img class="team-image" src="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b7b0d3cd1ace03e00090f_person2.png"> | |
| <h3 class="team-title">Julia Depish</h3><div class="role">Marketing</div><div class="social-buttons"><a class="social-link w-inline-block" href="#"><img src="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b7c55fc4d6d4d7600096f_twitter-icon_black.svg" width="14"></a><a class="social-link w-inline-block" href="#"><img src="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b7c8ffc4d6d4d76000973_linkdin-icon-black.svg" width="14"></a><a class="social-link w-inline-block" href="#"><img src="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b7c193cd1ace03e00091b_email-icon-black.svg" width="14"></a></div></div><div class="member w-col w-col-3 w-col-small-6"><img class="team-image" src="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b7b14b9b97cdf3e0008fe_person3.png"><h3 class="team-title">Danny Devry</h3><div class="role">Designer</div><div class="social-buttons"><a class="social-link w-inline-block" href="#"><img src="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b7cb6fc4d6d4d7600097a_instagram-icon-black.svg" width="14"></a><a class="social-link w-inline-block" href="#"><img src="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b7c55fc4d6d4d7600096f_twitter-icon_black.svg" width="14"></a><a class="social-link w-inline-block" href="#"><img src="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b7ca8fc4d6d4d76000979_behance-icon-black.svg" width="14"></a><a class="social-link w-inline-block" href="#"><img src="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b7c02ef2d794e760007ce_dribbble-icon-black.svg" width="14"></a><a class="social-link w-inline-block" href="#"><img src="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b7c193cd1ace03e00091b_email-icon-black.svg" width="14"></a></div></div><div class="member w-col w-col-3 w-col-small-6"><img class="team-image" src="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b7b1cef2d794e760007a2_person4.png"><h3 class="team-title">Lisa Smith</h3><div class="role">Developer</div><div class="social-buttons"><a class="social-link w-inline-block" href="#"><img src="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b7c263cd1ace03e00091c_facebook-icon_black.svg" width="14"></a><a class="social-link w-inline-block" href="#"><img src="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b7c55fc4d6d4d7600096f_twitter-icon_black.svg" width="14"></a><a class="social-link w-inline-block" href="#"><img src="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b7c193cd1ace03e00091b_email-icon-black.svg" width="14"> | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| ---> | |
| <div class="grey section" id="testimonials"> | |
| <div class="w-container"> | |
| <img class="quote-icon" src="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b7a87b9b97cdf3e0008db_big-quote-icon.svg"> | |
| <div class="testimonial-slider w-slider" data-animation="slide" data-duration="500" data-infinite="1"> | |
| <div class="mask w-slider-mask"> | |
| <div class="testimonial-slide w-slide"><p class="testimonial">“I love these guys! They did a great job. I would recommend them to anyone.” </p> | |
| <img class="face" src="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530cdbe4c058cc946f000100_128.jpg" width="64"> | |
| <div class="from">Julius Von Uberstien</div> | |
| </div> | |
| <div class="left-border testimonial-slide w-slide"> | |
| <p class="testimonial">“Elexis Corp. has grown immensely with the help of Minimal.” </p> | |
| <img class="face" src="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530cdbbfc058cc946f0000fb_krystal.jpg" width="64"> | |
| <div class="from">Rachel Stamos</div> | |
| </div> | |
| <div class="testimonial-slide w-slide"> | |
| <p class="testimonial">“I’m working with these guys from now on!”</p> | |
| <img class="face" src="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530cdc8a7f0fd48f37000105_face-am.jpg" width="64"> | |
| <div class="from">John Smith</div> | |
| </div> | |
| <div class="left-border testimonial-slide w-slide"> | |
| <p class="testimonial">“Top-notch job. Couldn’t have asked for better design and photography.</p> | |
| <img class="face" src="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530cdc7b7f0fd48f37000103_face-chad.jpg" width="64"> | |
| <div class="from">Phil Johnson</div> | |
| </div> | |
| </div> | |
| <div class="arrow w-slider-arrow-left"> | |
| <div class="w-icon-slider-left"></div> | |
| </div> | |
| <div class="arrow w-slider-arrow-right"> | |
| <div class="w-icon-slider-right"></div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="contact section" id="contact"> | |
| <div class="w-container"> | |
| <h2>LET’s Get in touch</h2> | |
| <div class="divider grey"></div> | |
| <div class="w-row"> | |
| <div class="w-col w-col-4"> | |
| <div class="icon-wrapper"> | |
| <img src="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b83b3b9b97cdf3e000971_map-icon.png" width="44"> | |
| </div> | |
| <h3>MEET US IN PERSON</h3> | |
| <p class="contact-text">8776 Juniper Street | |
| <br>Unit #204 | |
| <br>Merriweather, Ontorio <br> | |
| Canada</p> | |
| </div> | |
| <div class="w-col w-col-4"><div class="_2 icon-wrapper"> | |
| <img src="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b83863cd1ace03e000a1d_mail-icon.png" width="70"> | |
| </div> | |
| <h3>The traditional way</h3> | |
| <p class="contact-text">Email us <br><a href="mailto:contact@minimal.com?subject=Hi!" class="link" target="_blank">contact@minimal.com<br><br></a>Contact form<br><a class="link" href="#footer"></a> | |
| <a class="link" href="#footer">Scroll down</a> | |
| </p> | |
| </div> | |
| <div class="w-col w-col-4"> | |
| <div class="_2 icon-wrapper"> | |
| <img src="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b83d4b9b97cdf3e000972_heart-icon.png" width="68"> | |
| </div> | |
| <h3>Let’s get social</h3> | |
| <a class="contact-text social-wrapper w-clearfix w-inline-block" href="#"> | |
| <img class="social-icon" src="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b7c263cd1ace03e00091c_facebook-icon_black.svg" width="14"> | |
| <div class="social-link-text">Facebook</div> | |
| </a> | |
| <a class="contact-text social-wrapper w-inline-block" href="#"> | |
| <img class="social-icon" src="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b7c55fc4d6d4d7600096f_twitter-icon_black.svg" width="14"> | |
| <div class="social-link-text">Twitter</div> | |
| </a> | |
| <a class="contact-text social-wrapper w-inline-block" href="#"> | |
| <img class="social-icon" src="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b7c8ffc4d6d4d76000973_linkdin-icon-black.svg" width="14"> | |
| <div class="social-link-text">Linkdin</div> | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <footer class="footer section" id="footer"> | |
| <div class="w-container"> | |
| <div class="form-wrapper w-form"> | |
| <form data-name="Email Form" name="email-form"> | |
| <input class="darker field w-input" data-name="Name" maxlength="256" name="name" placeholder="Name" required="required" type="text"> | |
| <input class="field w-input" data-name="Email" maxlength="256" name="email" placeholder="Email" required="required" type="email"> | |
| <input class="darker field w-input" data-name="Budget" maxlength="256" name="budget" placeholder="Budget" required="required" type="text"><textarea class="field large w-input" data-name="Comments" maxlength="5000" name="comments" placeholder="Describe your project..." required="required"></textarea> | |
| <input class="button form w-button" data-wait="Please wait..." type="submit" value="Send Message"> | |
| </form> | |
| <div class="success-message w-form-done"> | |
| <h1>Thank you!</h1> | |
| <p>Your submission has been received!</p> | |
| </div> | |
| <div class="w-form-fail"> | |
| <p>Oops! Something went wrong while submitting the form :(</p> | |
| </div> | |
| </div> | |
| <img class="footer-logo" src="http://uploads.webflow.com/530ab3ac7b5bc4ca19000b96/530b854cfc4d6d4d760009e5_footer-logo.png" width="43"> | |
| <p class="footer-text">Minimal Template made in Webflow. All rights reserved.</p> | |
| </div> | |
| </footer> | |
| <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js" type="text/javascript"><\/script> | |
| <script src="https://daks2k3a4ib2z.cloudfront.net/530ab3ac7b5bc4ca19000b96/js/webflow.57f4ffb2a.js" type="text/javascript"><\/script> | |
| <\!--[if lte IE 9]><script src="//cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"><\/script><![endif]--> | |
| </body> | |
| </html> | |
| </script> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment