Skip to content

Instantly share code, notes, and snippets.

@sintezcs sintezcs/hotel_room.html
Last active Oct 3, 2018

Embed
What would you like to do?
Hotel room snippet
<p>
<img src="https://i.imgur.com/LBkONfA.png" style="height: 165px; width: 275px; margin: -15px -15px 0;">
</p>
<p>
<span class="label label-success" style="width: 51%; position: relative; top: -10px;" role="button"><strong>p.p.p.n. € 165</strong></span>
</p>
<h2 style="margin-bottom:15px; color:rgba(86,61,124,0.8); margin-top: 2px; font-weight: bold; font-size: 16px; text-align:right;">Executive Room</h2>
<p style="padding-bottom: 10px; text-align:justify;">
With a spacious living area, these rooms are equipped to meet the needs of the modern traveller.
</p>
<ul class="nav nav-pills nav-stacked">
<li class="active">
<a href="#" style="padding: 5px 10px; cursor: default; background-color: rgba(86,61,124,0.5);">
<span class="badge pull-right" style="color: rgba(86,61,124,1);"><img src="https://i.imgur.com/LE5DB7y.png" height="14" width="6"> - <img src="https://i.imgur.com/LE5DB7y.png" height="14" width="6"> <img src="https://i.imgur.com/LE5DB7y.png" height="14" width="6"></span>
Occupants
</a>
</li>
<li class="active">
<a href="#" style="padding: 5px 10px; background-color: rgba(86,61,124,0.7);" data-toggle="popover" data-trigger="hover" data-placement="left" data-container="body" data-title=" <h4 style='margin: 3px auto;'>Amenities</h4>
" data-html="true" data-content="
<table class='table-striped table-condensed table-bordered'>
<tr>
<td>
PLasma Television
</td>
<td>
Iron and Ironing Board
</td>
</tr>
<tr>
<td>
110/220 Volt Applicators
</td>
<td>
Hairdryer
</td>
</tr>
<tr>
<td>
Bath with Power shower
</td>
<td>
Robe and Slippers
</td>
</tr>
<tr>
<td>
Nightsafe
</td>
<td>
Direct Dial Telephone
</td>
</tr>
<tr>
<td>
Tea / Coffee Facilities
</td>
<td>
Internet Access
</td>
</tr>
<tr>
<td>
Bath Tub
</td>
<td>
Workstation
</td>
</tr>
<tr>
<td>
Ipod Docking Station
</td>
<td>
Complimentary Mineral Water
</td>
</tr>
</table>
<p>
">
<span class="badge pull-right" style="color: rgba(86,61,124,1);">14</span>
Amenities
</a>
</li>
</ul>
<p>
<br>
<small style="font-size: 75%; display: block; margin-bottom: -25px;">Prices are subject to change based on the</small>
<br>
<small style="font-size: 75%;">arrival date, number of nights and occupancy.</small>
</p>
<div style="margin-top: 25px;">
<a href="https://google.com" class="btn btn-success btn-block" target="_blank" role="button"><i class="icon-white icon-calendar" style="padding-right: 5px;"> </i> Book Now</a>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.