Skip to content

Instantly share code, notes, and snippets.

@randika

randika/SMSADS.html

Created April 1, 2013 12:43
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save randika/5284751 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save randika/5284751 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
SMSADS.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<title>SMSADS.lk - SMS service for classified advertisements in Sri Lanka</title>
<meta content="authenticity_token" name="csrf-param" />
<meta content="D5+8wHTRQq0rKQmShkrme0ZBTBhzkvj7qYxD6XNIioM=" name="csrf-token" />
<link href="/assets/application.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/active_admin.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/ads.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/advert.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/bootstrap_and_overrides.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/home.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/navbar.css?body=1" media="all" rel="stylesheet" type="text/css" />
<script src="/assets/jquery.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery_ujs.js?body=1" type="text/javascript"></script>
<script src="/assets/bootstrap-transition.js?body=1" type="text/javascript"></script>
<script src="/assets/bootstrap-affix.js?body=1" type="text/javascript"></script>
<script src="/assets/bootstrap-alert.js?body=1" type="text/javascript"></script>
<script src="/assets/bootstrap-button.js?body=1" type="text/javascript"></script>
<script src="/assets/bootstrap-carousel.js?body=1" type="text/javascript"></script>
<script src="/assets/bootstrap-collapse.js?body=1" type="text/javascript"></script>
<script src="/assets/bootstrap-dropdown.js?body=1" type="text/javascript"></script>
<script src="/assets/bootstrap-modal.js?body=1" type="text/javascript"></script>
<script src="/assets/bootstrap-scrollspy.js?body=1" type="text/javascript"></script>
<script src="/assets/bootstrap-tab.js?body=1" type="text/javascript"></script>
<script src="/assets/bootstrap-tooltip.js?body=1" type="text/javascript"></script>
<script src="/assets/bootstrap-popover.js?body=1" type="text/javascript"></script>
<script src="/assets/bootstrap-typeahead.js?body=1" type="text/javascript"></script>
<script src="/assets/bootstrap.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery-ui.js?body=1" type="text/javascript"></script>
<script src="/assets/active_admin/lib/namespace.js?body=1" type="text/javascript"></script>
<script src="/assets/active_admin/components/jquery.aa.checkbox-toggler.js?body=1" type="text/javascript"></script>
<script src="/assets/active_admin/components/jquery.aa.dropdown-menu.js?body=1" type="text/javascript"></script>
<script src="/assets/active_admin/components/jquery.aa.popover.js?body=1" type="text/javascript"></script>
<script src="/assets/active_admin/components/jquery.aa.table-checkbox-toggler.js?body=1" type="text/javascript"></script>
<script src="/assets/active_admin/pages/application.js?body=1" type="text/javascript"></script>
<script src="/assets/active_admin/pages/batch_actions.js?body=1" type="text/javascript"></script>
<script src="/assets/active_admin/application.js?body=1" type="text/javascript"></script>
<script src="/assets/active_admin/base.js?body=1" type="text/javascript"></script>
<script src="/assets/active_admin.js?body=1" type="text/javascript"></script>
<script src="/assets/ads.js?body=1" type="text/javascript"></script>
<script src="/assets/home.js?body=1" type="text/javascript"></script>
<script src="/assets/html5shiv.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery.infinitescroll.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery.masonry.js?body=1" type="text/javascript"></script>
<script src="/assets/application.js?body=1" type="text/javascript"></script>
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="/assets/html5shiv.js?body=1" type="text/javascript"></script>
<![endif]-->
</head>
<body>
<div class="navbar navbar-inverse navbar-fixed-top" id="sms-navbar">
<div class="navbar-inner top-navi">
<div class="container-fluid">
<a data-toggle="collapse" data-target=".nav-collapse" class="btn btn-navbar"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </a>
<a href="/" class="brand"> <img src="/assets/main-logo.png"> </a>
<div class="container-fluid nav-collapse">
<ul class="nav left-navigation" id="sms-navlinks-left">
<li>
<a href="/ads">All Adverts</a>
</li>
<li class="divider-vertical visible-desktop"></li>
<li>
<a href="/ads/favorites"><i class="icon-white icon-star"></i> Favorites</a>
</li>
<li class="divider-vertical visible-desktop"></li>
<li>
<a href="/how">How it works</a>
</li>
<li class="hidden-desktop visible-mobile visible-tablet">
<a href="/users/sign_up">New here? sign up</a>
</li>
<li class="hidden-desktop visible-mobile visible-tablet">
<a href="/users/sign_in">Login</a>
</li>
</ul>
<div class="pull-right">
<ul class="nav visible-desktop">
<li>
<a href="/users/sign_up">New here? sign up</a>
</li>
<li class="divider-vertical visible-desktop"></li>
<li>
<a href="/users/sign_in">Login</a>
</li>
</ul>
<a href="/ads/new" class="btn btn-primary btn-danger"><i class="icon-white icon-plus"></i> Post new Advert</a>
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid">
<div class="row-fluid">
<div class="span9">
<div class="row-fluid">
<div class="span12">
<div class="well search-form-container">
<form accept-charset="UTF-8" action="/ads/search" class="form-inline" method="get"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="&#x2713;" /></div>
<div class="control-group">
<div class="controls form-inline">
<input autocomplete="off" class="input-xlarge" id="q" name="q" placeholder="What are you looking for?" type="text" />
<select class="input-xlarge" id="category" name="category"><option value="">in all Categories</option><optgroup label="Cars &amp; vehicles"><option value="79">Cars</option>
<option value="80">Bikes</option>
<option value="81">Vans</option>
<option value="82">Lorries &amp; Trucks</option>
<option value="83">Other Vehicles</option></optgroup><optgroup label="Properties"><option value="84">Land for sale</option>
<option value="85">Commercial property</option>
<option value="86">Houses for sale</option>
<option value="87">Houses for rent</option>
<option value="88">Other property</option></optgroup><optgroup label="Electronics"><option value="89">Mobile phones</option>
<option value="90">Tablets</option>
<option value="91">Laptops</option>
<option value="92">PC &amp; Desktops</option>
<option value="93">Accessories</option>
<option value="94">Other electronics</option></optgroup><optgroup label="Home &amp; kitchen"><option value="95">Furniture</option>
<option value="96">Home &amp; garden</option>
<option value="97">Bedding &amp; Bath</option>
<option value="98">Power &amp; hand tools</option>
<option value="99">Other home &amp; kitchen</option></optgroup></select>
<select class="input-xlarge" id="location" name="location"><option value="">in all Locations</option><option value="1">Colombo</option></select>
<button type="submit" class="btn btn-primary">
<i class="icon-white icon-search"></i> Search
</button>
</div>
</div>
</form></div>
</div>
</div>
<div class="row-fluid">
<div class="span12">
<div class="span4 ad-box">
<div class="ad-box-contents">
<div id="ad-collapsed2">
Samsung Galaxy S3 for saleSamsung Galaxy S3 for saleSamsung Galaxy S3 fo...
</div>
<div id="ad2" class="collapse out">
Samsung Galaxy S3 for saleSamsung Galaxy S3 for saleSamsung Galaxy S3 for sale
</div>
<div class="text-center">
<a href="#" data-toggle="collapse" data-target="#ad2">
<img src="/assets/expand-icon.png">
</a>
</div>
<div class="ad-box-sub-contents">
<span class="ad-serial"><a href="/ads/2">AD#2</a></span>Lorries &amp; Trucks
in Colombo
<span class="ad-post-date">
about 3 hours ago
</span>
</div>
</div>
<div class="ad-box-icons">
<i class="phone-icon" id="show-div">
<div id="hidden-div">
<div class="active">
0772526262
</div>
</div> </i>
<a href="#email-2" role="button" data-toggle="modal"><i class="mail-icon"></i> </a> <div id="email-2" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<form accept-charset="UTF-8" action="/ads/2/contact_email" class="simple_form email" data-remote="true" method="post" novalidate="novalidate"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="&#x2713;" /><input name="authenticity_token" type="hidden" value="D5+8wHTRQq0rKQmShkrme0ZBTBhzkvj7qYxD6XNIioM=" /></div>
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
×
</button>
<h4 id="myModalLabel">Contact seller</h4>
</div>
<div class="modal-body">
<p>
Samsung Galaxy S3 for saleSamsung Galaxy S3 for saleSamsung Galaxy S3 for sale
</p>
<div id="notifications-2"></div>
<div class="form-inputs">
<div class="control-group string required email_sender_name"><div class="controls"><input class="string required" id="email_sender_name" name="email[sender_name]" placeholder="Your name" size="50" type="text" /></div></div>
<div class="control-group string required email_sender_email"><div class="controls"><input class="string required" id="email_sender_email" name="email[sender_email]" placeholder="Your email" size="50" type="text" /></div></div>
<div class="control-group text required email_sender_message"><div class="controls"><textarea class="text required input-xlarge" cols="40" id="email_sender_message" name="email[sender_message]" placeholder="Your message" rows="4">
</textarea></div></div>
</div>
</div>
<div class="modal-footer">
<input class="btn btn-primary" data-disable-with="Sending..." name="commit" type="submit" value="Send email" />
<button class="btn" data-dismiss="modal" aria-hidden="true">
Close
</button>
</div>
</form></div>
<i class="sms-icon-disable"></i>
<i class="star-icon"></i>
</div>
</div>
<script>
$('#ad2').on('show', function () {
$('#ad-collapsed2').hide();
})
$('#ad2').on('hide', function () {
$('#ad-collapsed2').show();
})
</script><div class="span4 ad-box">
<div class="ad-box-contents">
<div id="ad-collapsed1">
Honda Accord 1999 1.8 LS For sale Honda Accord 1999 1.8 LS For sale Hond...
</div>
<div id="ad1" class="collapse out">
Honda Accord 1999 1.8 LS For sale Honda Accord 1999 1.8 LS For sale Honda Accord 1999 1.8 LS For sale
</div>
<div class="text-center">
<a href="#" data-toggle="collapse" data-target="#ad1">
<img src="/assets/expand-icon.png">
</a>
</div>
<div class="ad-box-sub-contents">
<span class="ad-serial"><a href="/ads/1">AD#1</a></span>Cars
in Colombo
<span class="ad-post-date">
about 3 hours ago
</span>
</div>
</div>
<div class="ad-box-icons">
<i class="phone-icon" id="show-div">
<div id="hidden-div">
<div class="active">
0777719998
</div>
</div> </i>
<i class="mail-icon-disable"></i>
<i class="sms-icon-disable"></i>
<i class="star-icon"></i>
</div>
</div>
<script>
$('#ad1').on('show', function () {
$('#ad-collapsed1').hide();
})
$('#ad1').on('hide', function () {
$('#ad-collapsed1').show();
})
</script>
</div>
</div>
</div>
<div class="span3">
<div class="well quick-help">
<h4>Got something to sell?</h4>
<p>
Sell your items right away from mobile. Simply
send a SMS to <strong>77100</strong>
</p>
<div class="well">
<strong>SELL</strong> type your advert here
</div>
<p>
<a href="/how" class="btn btn-info btn-primary btn-block">Learn more</a>
</p>
</div>
<div class="advertisements">
<img src="/assets/advert1.png">
<img src="/assets/advert2.png">
<img src="/assets/advert3.png">
</div>
</div><!--/span-->
</div><!--/row-->
<footer>
<p>&copy; SMSADS.lk 2013. All rights reserved.</p>
</footer>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment