-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
100 lines (91 loc) · 4.14 KB
/
index.html
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
---
layout: home
imageTitle: The Wellness Epidemic
---
<div class="brand-header">
<div class="brand center-vh">
<img src="{{site.siteurl}}/assets/images/logo/icon/logo-24.png" alt="Brand Icon">
<h1>The Wellness Epidemic</h1>
<p class="italic">Spreading Wellness with Dr. Phillippa Houghton</p>
</div>
</div>
{% include navbar.html %}
<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/oct-15-2017-photoShoot/IMG_0096-min.jpg" 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/oct-15-2017-photoShoot/IMG_0133-min.jpg" 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/oct-15-2017-photoShoot/IMG_0117-min.jpg" 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/oct-15-2017-photoShoot/IMG_0123-min.jpg" 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="https://www.instagram.com/wellness.epidemic/?hl=en"><i class="fa fa-instagram"></i></a>
<a href="mailto:[email protected]?Subject=Hello%20From%20the%20Wellness%20Epidemic"><i class="fa fa-envelope-o"></i></a>
</div>
</div>