Page tree

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Content Layer
padding0
margin0
container-padding0
id1276511931
Content Column
width100%
id1276511932
Content Block
padding0
margin0
id1276511933

HTML
<div class='trendi ds pane ds-menu bg-blue'>
	<ul>
		<li><a href='/display/DropINSol/DropIN+Solutions+Home' class='lnk-home'>Home</a></li>
		<li><a href='/display/DropINSol/DropIN+Solutions+Websites' class='lnk-websites'>Websites</a></li>
		<li><a href='/display/DropINSol/DropIN+Solutions+Promotions' class='lnk-promotions'>Promotions</a></li>
		<li><a href='/display/DropINSol/DropIN+Solutions+Workshops' class='lnk-workshops'>Workshops</a></li>
		<li><a href='/display/DropINSol/DropIN+Solutions+Ads' class='lnk-ads'>Ads</a></li>
		<li><a href='/display/DropINSol/DropIN+Solutions+Contact+Us' class='lnk-contactus'>Contact Us</a></li>
	</ul>
</div>
 
<!-- Websites -->
<div class='trendi ds section ds-websites'>
	<div class='pane pane1'>
		<div class='container'>
			<div class='row'>
				<div class='col-md-8'>
					<div class='headline'>All Your Organisation Needs To Go Online Today!</div>
				</div>
				<div class='col-md-4'>
					<div class='image scale'><img src='/static/graphics/DropIN Solutions Laptop.jpg' /></div>
				</div>
			</div>
			<div class='row'>
				<div class='col-md-8'>
					<div class='subheadline'>Affordable high quality website design, development and hosting for NFPs</div>
				</div>
				<div class='col-md-4'>
					<a href='http://bit.ly/2bKOF4F' target=_new><button>Get a Quote</button></a>
				</div>
			</div>
		</div>
	</div>
	<div class='pane pane2 bg-blue'>
		<div class='container'>
			<div class='row'>
				<div class='col-md-6'>
					<div class='plan'>
						<div class='title'>
							Basic Plan
						</div>
						<div class='price'>
							<h3>$500+</h3>
							<i>as per quote</i>
						</div>
						<div class='features'>
							<p>Professional customised design</p>
							<p>Mobile optimised (optional)</p>
							<p>Hosting included</p>
							<p>Technical support</p>
							<p><b>Your website is featured for all DropIN users</b></p>
							<p><b>Manage your content through DropIN</b></p>
						</div>
					</div>
				</div>
				<div class='col-md-6'>
					<div class='plan'>
						<div class='title'>
							Professional Plan
						</div>
						<div class='price'>
							<h3>$1000+</h3>
							<i>as per quote</i>
						</div>
						<div class='features'>
							<p>Professional customised design</p>
							<p>Mobile optimised</p>
							<p>Hosting included</p>
							<p>Technical support</p>
							<p><b>Customised domain name</b></p>
							<p><b>Easy to use Content Management System</b></p>
							<p><b>In-house training</b></p>
							<p><b>Responsive design</b></p>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class='pane pane3'>
		<div class='container'>
			<div class='row'>
				<div class='col-md-12'>
					<h2>Our Work:</h2>
					<div id='fader' class='image scale'>
						<img src='/static/graphics/img_aysir.jpg' />
						<img src='/static/graphics/img_eyn.jpg' />
						<img src='/static/graphics/img_budgetlink.jpg' />
						<img src='/static/graphics/img_aia2015.jpg' />
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class='pane pane4 bg-blue'>
		<div class='container'>
			<div class='row'>
				<div class=''>
					<h2>Get a quote free of charge within 48 hours</h2>
					<a href='http://bit.ly/2bKOF4F' target=_new><button>Click Here</button></a>
				</div>
			</div>
		</div>
	</div>
	<div class='pane pane5'>
		<div class='container'>
			<div class='row'>
				<div class=''>
					<h2>See Also:</h2>
				</div>
			</div>
			<div class='row'>
				<div class='col-md-4'>
					<a href='/display/DropINSol/DropIN+Solutions+Promotions' class='lnk-sml lnk-promotions'>
						DropIN
						<div>Promotions</div>
					</a>
				</div>
				<div class='col-md-4'>
					<a href='/display/DropINSol/DropIN+Solutions+Workshops' class='lnk-sml lnk-workshops'>
						DropIN
						<div>Workshops</div>
					</a>
				</div>
				<div class='col-md-4'>
					<a href='/display/DropINSol/DropIN+Solutions+Ads' class='lnk-sml lnk-ads'>
						DropIN
						<div>Ads</div>
					</a>
				</div>
			</div>
		</div>
	</div>	
	
</div>
<!-- End of Websites -->
 
<script>
$(function() {
    $('#fader img:not(:first)').hide();
    $('#fader img').css('position', 'absolute');
    $('#fader img').css('top', '0px');
    $('#fader img').css('left', '0px50%');
    $('#fader img').each(function() {
        var img = $(this);
        $('<img>').attr('src', $(this).attr('src')).load(function() {
            img.css('margin-left', -this.width / 2 + 'px');
        });
    });
    var pause = false;
    
    function fadeNext() {
        $('#fader img').first().fadeOut().appendTo($('#fader'));
        $('#fader img').first().fadeIn();
    }
    function fadePrev() {
        $('#fader img').first().fadeOut();
        $('#fader img').last().prependTo($('#fader')).fadeIn();
    }
    $('#fader, #next').click(function() {
        fadeNext();
    });
    $('#prev').click(function() {
        fadePrev();
    });
    $('#fader, .button').hover(function() {
        pause = true;
    },function() {
        pause = false;
    });
    function doRotate() {
        if(!pause) {
            fadeNext();
        }    
    }
    
    var rotate = setInterval(doRotate, 4000);
});
</script>

Content Layout
page-info-displayhide
page-title-displayhide
likes-and-labels-displayhide
breadcrumbs-displayhide
comments-displayhide
container-width1000px

...