PhillippaBlog/index.html at gh-pages · natmegs/PhillippaBlog · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
---
layout: home
imageTitle: The Wellness Epidemic
---

<div class="brand-header">
    <div class="brand center-vh">
        <img src="{{site.siteurl}}/assets/images/stethoscope.svg" alt="Brand Icon">
        <h1>The Wellness Epidemic</h1>
        <p class="italic">Spreading Wellness with Dr. Phillippa Houghton</p>
    </div>
</div>

<div class="nav">
    <a class="navlink" href="{{site.siteurl}}/blog">Blog</a>
    <a class="navlink" href="{{site.siteurl}}/about">Bio</a>
    <a class="navlink" href="#">Gallery</a>
</div>

<div class="carousel slider">
    <div class="carousel-item">
        <a href="#"><div class="overlay center-vh">
            <h2>{{page.imageTitle}}</h2>
            <p class="category">Fitness</p>
            <p class="category">Health</p>
        </div></a>
        <img src="{{site.siteurl}}/assets/images/stock1.jpeg" alt="" srcset="">
    </div>
    <div class="carousel-item">
        <a href="#"><div class="overlay center-vh">
            <h2>{{page.imageTitle}}</h2>
            <p class="category">Fitness</p>
            <p class="category">Health</p>
        </div></a>
        <img src="{{site.siteurl}}/assets/images/stock2.jpeg" alt="" srcset="">
    </div>
    <div class="carousel-item">
        <a href="#"><div class="overlay center-vh">
            <h2>{{page.imageTitle}}</h2>
            <p class="category">Fitness</p>
            <p class="category">Health</p>
        </div></a>
        <img src="{{site.siteurl}}/assets/images/stock3.jpeg" alt="" srcset="">
    </div>
    <div class="carousel-item">
        <a href="#"><div class="overlay center-vh">
            <h2>{{page.imageTitle}}</h2>
            <p class="category">Fitness</p>
            <p class="category">Health</p>
        </div></a>
        <img src="{{site.siteurl}}/assets/images/stock5.jpeg" alt="" srcset="">
    </div>
</div>

<div class="about">
    <div class="about-photo">
        <img src="{{site.siteurl}}/assets/images/Phills_Box.jpg" alt="Bio Photo">
    </div>
    <div class="about-desc">
        <h3 class="about-header">About Phillippa</h3>
         <p>Welcome to The Wellness Epidemic – my name is Dr. Phillippa Houghton and this is
             where my passions collide. I like to think about wellness in three domains – physical, mental and spiritual.<br><br>

             For me, physical wellness includes attention to nutrition and exercise. My relationship with exercise has
             changed as I have grown up. The Wellness Epidemic is a place where I can use my education, interests and skills to
             inspire others to lead a healthier more balanced life. <br><br>

             An epidemic is defined as the rapid spread
             of disease in a given population over a short period of time. Wellness is the state of being in
             good health. Instead of spreading disease, my goal with this blog is to inspire and spread
             wellness.</p>
        <a href="{{site.siteurl}}/about" class="link-btn italic">Full Bio</a>
    </div>
</div>

<div class="blog-feature">
    <h3 class="blog-feature-header">Latest From the Blog</h3>
    <p class="blog-feature-header italic">A collection of my thoughts on physical, mental and spiritual health</p>
    <div class="blog-thumb-container">
        {% for post in site.posts limit:4 %}
        <div class="blog-thumbnail">
            <a href="{{ site.siteurl }}{{ post.url }}">
            <div class="blog-thumb-image"><img src="{{site.siteurl}}{{post.image}}" alt=""></div>
            <div class="blog-thumb-text">
                <p class="category">{{post.category}}</p>
                <h4>{{post.title}}</h4>
                <p class="italic">{{ post.date | date: '%B %d, %Y' }}</p>
            </div>
            </a>
        </div>
        {% endfor %}
    </div>
    <a href="{{site.siteurl}}/blog" class="link-btn italic">See All Posts</a>
</div>

<div class="contact">
    <div class="contact-info">
        <h1>Get in touch!</h1>
        <p class="italic">I'd love to hear from you</p>
        <a href="#"><i class="fa fa-instagram"></i></a>
        <a href="#"><i class="fa fa-envelope-o"></i></a>
    </div>
</div>