diff options
Diffstat (limited to 'design/templates/homepage.html')
| -rw-r--r-- | design/templates/homepage.html | 88 |
1 files changed, 88 insertions, 0 deletions
diff --git a/design/templates/homepage.html b/design/templates/homepage.html new file mode 100644 index 0000000..ed47bdb --- /dev/null +++ b/design/templates/homepage.html @@ -0,0 +1,88 @@ +{% extends 'base.html' %} +{% load typogrify_tags %} +{% block sitename %} +<head itemscope itemtype="http://schema.org/WebSite"> + <title itemprop='name'>Everyone has a story - I'll help you tell yours</title> + <link rel="canonical" href="https://libregraf.net/" itemprop="url" /> + +{% endblock %} + +{%block bodyid%}id="home" class="home"{%endblock%} + +{% block content %} +<div class="content-wrapper hero-wrapper"> + <div class="content hero"> + <div class="hero-pic"> + <img src="/media/bio.jpg" class="circle-pic" alt="Scott Gilbertson" /> + </div> + <div class="hero-text"> + <h1 class="hed-alpha">Need Content That Converts?</h1> + <h2 class="hed-beta">Let's find the weak spots in your content and strengthen them.</h2> + <h2 class="hed-beta">I'll create the content you need to amp up your traffic, leads and sales.</h2> + <h3 class="hed-alpha">My writing attracts, engages and converts.</h3> + <p>Whether you’re an entrepreneur, small business, or large company, my custom tailored content can catapult your online visibility and give you the traffic boost you need to attract new leads.</p> + <p><a href="/hire-me" class="btn btn-hollow">Let's Get Started</a></p> + </div> + </div> +</div> +<div class="content-wrapper"> + <div class="content"> + <h4 class="hed-gamma hed-border">How Can I Help You?</h4> + <p class="narrow">Since the dawn of the Internet I've been helping people discover the power of stories. Stories pull customers in, stories drive traffic. You don't need “marketing,” you need good stories. Here's a few ways I can help tell your story.</p> + <div class="home-card-wrapper"> + <div class="flex"> + <div class="card card-tiny"> + <div class="card-image"> + <img src="/media/img/typing.jpg" alt="hands typing code on laptop" /> + </div> + <h5 class="hed-delta">Technical Writing</h5> + <p>My specialty is making the technical easy to understand. I've used my expertise as a developer to write documentation, tutorials, and white papers. I’ve helped companies like Opera Software, Postmarkapp, Sifter tell their story to developers and users. Lets tell your story.</p> + </div> + <div class="card card-tiny"> + <div class="card-image"> + <img src="/media/img/content.jpg" alt="hands typing code on laptop" /> + </div> + <h5 class="hed-delta">Content Marketing</h5> + <p>Content marketing is marketing-speak for telling stories that captivate your audience. Whether you already have a blog or are starting from scratch, I can help refine your strategies and create content focused on achieving measurable results.</p> + </div> + <div class="card card-tiny"> + <div class="card-image"> + <img src="/media/img/pen.jpg" alt="pen editing papers" /> + </div> + <h5 class="hed-delta">Copywriting & Copy editing</h5> + <p>Maybe you've already written your story, but could use a hand polishing it up. Whether you need some need some fine tuning of what you already have, or need some help organizing and streamlining your story, I can help.</p> + </div> + </div> + <a href="/hire-me" class="btn btn-hollow btn-link">Hire Me!</a> + <a href="https://google.com/" class="btn btn-hollow btn-link">Go Cheap</a> + </div> + </div> +</div> +<div class="content-wrapper"> + <h6 class="hed-gamma hed-border">Companies I've helped</h6> + <div class="border-wrapper"> + <ul class="list-inline home-logos"> + <li><a href="https://wired.com/" title="Wired.com"><img src="/media/img/wired.png" alt="Wired logo" /></a></li> + <li><a href="https://opera.com/" title="Opera.com"><img src="/media/img/opera.png" alt="Opera Web Browser logo" /></a></li> + <li><a href="https://arstechnica.com/" title="ArsTechnica.com"><img src="/media/img/ars.png" alt="Ars logo" /></a></li> + <li><a href="https://sifterapp.com/" title="Sifter.com"><img src="/media/img/sifter.png" alt="Sifter logo" /></a></li> + <li><a href="https://www.boostmobile.com/" title="boostmobile"><img src="/media/img/boost.png" alt="Boost Mobile logo" /></a></li> + <li><a href="https://webmonkey.com/" title="Webmonkey.com"><img src="/media/img/webmonkey.jpg" alt="Webmonkey logo" /></a></li> + <!--<li><a href="" title=""><img src="/media/img/budgettravel.jpg" alt="Budget Travel logo" /></li>--> + <li><a href="https://postmarkapp.com/" title="Postmark"><img src="/media/img/postmark.png" alt="Postmarkapp logo" /></a></li> + <li><a href="https://theregister.co.uk/" title="The register"><img src="/media/img/register.png" alt="Register logo" /></a></li> + </ul> + </div> +</div> + +<div class="content-wrapper"> + <div class="content"> + <div class="home-border-wrapper"> + <h6 class="hed-gamma hed-border">What Clients Say</h6> + </div> + </div> +</div> +{% endblock %} + +#### Copywriting & Copy editing +Whether you need some writing done from scratch or just need some fine tuning of what you already have, I can help. |