Amy Gale Ruth Bowersox
240f5d4654
moved over the Fantasy House page (which uses a collection to generate the carousel)
70 lines
2.9 KiB
HTML
70 lines
2.9 KiB
HTML
---
|
|
title: Fantasy House
|
|
layout: bctop
|
|
---
|
|
|
|
<div class="row">
|
|
<div class="col-sm-8">
|
|
<h1 class="fancy-script">Welcome to Fantasy House!</h1>
|
|
<img src="images/karen-fantasy-house-front.png" alt="" width="700" height="480" border="0"/>
|
|
<p><strong>Fantasy House</strong> is Phyllis' store, studio, and home-away-from-home. It's a great
|
|
and relaxing place for local or out-of-town girls to relax, shop, and get ready for a night out
|
|
on the town!</p>
|
|
<h2 class="fancy-script">See What's In Store...</h2>
|
|
<div id="carousel-tour" class="carousel slide" data-ride="carousel" data-interval="0">
|
|
<!-- Indicators -->
|
|
<ol class="carousel-indicators">
|
|
<!-- {% assign act = 1 %} -->
|
|
{% for slide in site.fantasy_house %}
|
|
<li data-target="#carousel-tour" data-slide-to="{% increment n %}"
|
|
{% if act == 1 %}class="active"{% endif %}></li>
|
|
<!-- {% assign act = 0 %} -->
|
|
{% endfor %}
|
|
</ol>
|
|
|
|
<!-- Wrapper for slides -->
|
|
<div class="carousel-inner" role="listbox">
|
|
<!-- {% assign act = 1 %} -->
|
|
{% for slide in site.fantasy_house %}
|
|
<div class="item {% if act == 1 %}active{% endif %}">
|
|
<img src="images/fhtour/{{ slide.image }}" alt="">
|
|
<div class="carousel-caption">
|
|
<h3>{{ slide.caption }}</h3>
|
|
<p>{{ slide.content }}</p>
|
|
</div>
|
|
</div>
|
|
<!-- {% assign act = 0 %} -->
|
|
{% endfor %}
|
|
</div>
|
|
|
|
<!-- Controls -->
|
|
<a class="left carousel-control" href="#carousel-tour" role="button" data-slide="prev">
|
|
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
|
|
<span class="sr-only">Previous</span>
|
|
</a>
|
|
<a class="right carousel-control" href="#carousel-tour" role="button" data-slide="next">
|
|
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
|
|
<span class="sr-only">Next</span>
|
|
</a>
|
|
</div>
|
|
<h2 class="fancy-script">Want To Live Your Fantasy?</h2>
|
|
<big><strong><a href="contact.php">Contact Phyllis</a> about staying over at Fantasy House while you're
|
|
visiting Denver!</strong></big>
|
|
</div>
|
|
<div class="col-sm-4">
|
|
<h1 class="fancy-script">Fantasy House Features...</h1>
|
|
<img src="images/fh-shopping.png" width="275" height="384" border="0">
|
|
<h2 class="fancy-script">Shopping</h2>
|
|
<p><small>There is such a wide assortment of jewelry, wigs, shoes, dresses, gowns and much more. You have
|
|
to see it to believe it!</small></p>
|
|
<img src="images/fh-makeovers.png" width="275" height="384" border="0">
|
|
<h2 class="fancy-script">Makeovers</h2>
|
|
<p><small>Do you want to be glamorous to stand out, or maybe subtle to blend in? Phyllis can make you
|
|
over to your desires.</small></p>
|
|
<img src="images/fh-stayovers.png" width="275" height="384" border="0">
|
|
<h2 class="fancy-script">Stayovers</h2>
|
|
<p><small>Needing a safe place to stay and dress while you are in the Denver area? Check out Phyllis'
|
|
accomodations.</small></p>
|
|
</div>
|
|
</div>
|