Linda_template.html

{% extends "template.html" %}

{% block child_block %}


<!-- Jumbotron -->
<header class="headline">
    <img class="headline-img" src="http://i3.ytimg.com/vi/vcxwcWuq7KQ/maxresdefault.jpg">
    <div class="centered-text">
        <h1>Linda Liukas</h1>
        <div class="hide">
            <hr>
            <h4>Forbes Top 50 Women in Tech 2018</h4>
        </div>
    </div>
</header>

<!-- Rails Girls -->

<div class="top-container">
    <div class="img-left">
        <img src="http://railsgirls.com/images/railsgirls-sq.png">
    </div>
    <div class="text-right">
        <h2>Founder of <a href="http://railsgirls.com/">Rails Girls</a></h2>
        <p>Our aim is to give tools and a community for women to understand technology and to build their ideas. We do this by providing a great experience on building things and by making technology more approachable.</p>
        <p>Learn sketching, prototyping, basic programming and get introduced to the world of technology. Rails Girls was born in Finland, but is nowadays a global, non-profit volunteer community.</p>
    </div>
</div>

<!-- Top container ends -->
    

<!-- Hello Ruby -->

<div class="middle-container">
    <div class="text-left">
        <h2>Author of <a href="https://www.helloruby.com/">Hello Ruby</a></h2>
        <p>Hello Ruby is the world’s most whimsical way to learn about technology, computing and coding. We are all about curiosity, playfulness and logic.</p>
        <p>We provide tools for kids, parents and educators to learn to understand programming in a fun and creative way. Our story started off with a book that is now published in over 22 languages, including Japanese, Korean, Dutch and even Finnish.</p>
        <p>The book made its debut on Kickstarter in 2014 and quickly smashed its $10,000 funding goal after just 3.5 hours and gathering 380 000 dollars in total funding. Hello Ruby was at the time the most funded book on Kickstarter's children's book category.</p>
    </div>
        <div class="img-right">
        <img src="https://images-na.ssl-images-amazon.com/images/I/410ZsyceGmL._SX258_BO1,204,203,200_.jpg">
    </div>
</div>

<!-- Middle container ends -->

<div class="bottom-container">
    <div class="container">
        <header><h2>Check out her social media!</h2></header>
        <ul>
            <li><a href="https://twitter.com/lindaliukas"><i class="fab fa-twitter-square"></i></a></li>
            <li><a href="https://www.facebook.com/lindaliukas"><i class="fab fa-facebook-square"></i></a></li>
            <li><a href="https://www.instagram.com/lindaliukas/"><i class="fab fa-instagram"></i></a></li>
        </ul>  
    </div>
</div>

{% endblock %}