cancel
Showing results for 
Search instead for 
Did you mean: 

Custom Home Page Coding Assistance Please

Custom Home Page Coding Assistance Please

Hello All. 

I new to coding and I am building my eCommerce store and needing some assistance on my home page. 

 

I am trying to add either a custom static block to my home page or a specific design element. I have created this addition in Dreamweaver and the css and all the links are working fine. how ever adding the code either using a static block or directly to my home page is causing my home page to change its format. I would like to add the new design under my slider. 

 

Included are my links to the custom element i am trying to add and a test home page of the result. please help. 

element i am trying to add

original home page

adding element using a widget of a static block

Adding element code directly to home page under slider

 

<p><meta http-equiv="X-UA-Compatible" content="IE=edge" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /></p>
<p><link href="/media/css/bootstrap.css" rel="stylesheet" type="text/css" /></p>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<p>&nbsp;</p>
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<p>&nbsp;</p>
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<section>
<div class="container">
<div class="row">
<div class="col-xs-12 text-center">
<div class="container">&nbsp;</div>
<h1>Welcome To Tippie Enterprises, LLC</h1>
<section></section>
<div class="container well">
<div class="row">
<div class="col-lg-4 col-md-4 col-sm-6">
<div class="media">
<div class="media-left"><a href="#"> <img class="media-object" alt="..." src="{{media url="wysiwyg/technology_1.png"}}" /></a></div>
<div class="media-body">
<h2 class="media-heading">Products</h2>
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6">
<div class="media">
<div class="media-left"><a href="#"> <img class="media-object" alt="..." src="{{media url="wysiwyg/cogwheel.png"}}" /></a></div>
<div class="media-body">
<h2 class="media-heading">Services</h2>
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6">
<div class="media">
<div class="media-left"><a href="#"> <img class="media-object" alt="..." src="{{media url="wysiwyg/technology.png"}}" /></a></div>
<div class="media-body">
<h2 class="media-heading">Solutions</h2>
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.</div>
</div>
</div>
</div>
</div>
<p>Tippie Enterprises, LLC has been established as a Small Business and Entrepreneur Support &amp; Solutions company in North America. With headquarters in Florida, Tippie Enterprises, LLC provides superior consulting services for SMB&rsquo;s &ldquo;Small Businesses,&rdquo; and Entrepreneurs by &ldquo;Effectively Enhancing Entrepreneurship Efficacy&rdquo;.</p>
</div>
</div>
</div>
</section>