The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
 Reply to this topicStart new topic
> HELP ME PLEASE, Regarding HTML and JS
sagarsoni7
post Jul 7 2015, 03:05 PM
Post #1





Group: Members
Posts: 1
Joined: 7-July 15
Member No.: 22,842
I created a website using an HTML template. In that template, I made changes in content according to me. Here is an example of content: IPB Image

Now I decided to recreate my website my self and for that I chose a online website builder. Now I want to add that element (shown in image above) in my new HTML website. Please help me how to add it. I tried copying the HTML code of that section but it failed. Actually I don`t know to use JS/CSS. I only know about basic HTML. Please tell me how can I add that particular thing to my new website. In my previous website, there were some files in JS folder. I cant upload that files in my new website.

HTML code of my previous website is this:


<!DOCTYPE html>
<!--[if lt IE 7 ]> <html class="ie ie6 no-js" lang="en"> <![endif]-->
<!--[if IE 7 ]> <html class="ie ie7 no-js" lang="en"> <![endif]-->
<!--[if IE 8 ]> <html class="ie ie8 no-js" lang="en"> <![endif]-->
<!--[if IE 9 ]> <html class="ie ie9 no-js" lang="en"> <![endif]-->
<!--[if gt IE 9]><!--><html class="no-js" lang="en"><!--<![endif]--><head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Sagar Soni | A Student, a Blogger and a Freelancer</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--main style-->
<link rel="stylesheet" type="text/css" media="screen" href="css/bootstrap.css">
<link rel="stylesheet" type="text/css" media="screen" href="css/style.css">
<!--google font style-->
<link href='http://fonts.googleapis.com/css? family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,600,700,8
00,300' rel='stylesheet' type='text/css'>
<!--font-family: 'Open Sans', sans-serif;-->
<!-- font css style-->
<link rel="stylesheet" href="css/font-awesome.css">
<!--for slider style-->

<noscript>
<link rel="stylesheet" type="text/css" href="css/fallback.css" />
</noscript>
<!--[if lt IE 9]>
<link rel="stylesheet" type="text/css" href="css/fallback.css" />
<![endif]-->
</head><body>
<!--wrapper start-->
<div class="wrapper" id="wrapper">
<header>
<!--banner start-->
<div class="banner row" id="banner">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 noPadd">
<!--slider start-->
<div id="ri-grid" class="ri-grid ri-grid-size-2"> <img class="ri-loading-image" src="/loading_ani.gif"/>
<ul class="cb-slideshow">
<li><a href="#"><img src="http://www.sagarsoni.com/pics/1.jpg"/></a></li>
<li><a href="#"><img src="http://www.sagarsoni.com/pics/2.jpg"/></a></li>
<li><a href="#"><img src="http://www.sagarsoni.com/pics/3.jpg"/></a></li>
<li><a href="#"><img src="http://www.sagarsoni.com/pics/4.jpg"/></a></li>
<li><a href="#"><img src="http://www.sagarsoni.com/pics/5.jpg"/></a></li>
<li><a href="#"><img src="http://www.sagarsoni.com/pics/6.jpg"/></a></li>
<li><a href="#"><img src="http://www.sagarsoni.com/pics/7.jpg"/></a></li>
<li><a href="#"><img src="http://www.sagarsoni.com/pics/8.jpg"/></a></li>
<li><a href="#"><img src="http://www.sagarsoni.com/pics/9.jpg"/></a></li>
<li><a href="#"><img src="http://www.sagarsoni.com/pics/10.jpg"/></a></li>
<li><a href="#"><img src="http://www.sagarsoni.com/pics/11.jpg"/></a></li>
<li><a href="#"><img src="http://www.sagarsoni.com/pics/12.jpg"/></a></li>
<li><a href="#"><img src="http://www.sagarsoni.com/pics/13.jpg"/></a></li>
<li><a href="#"><img src="http://www.sagarsoni.com/pics/15.jpg"/></a></li>
<li><a href="#"><img src="http://www.sagarsoni.com/pics/16.jpg"/></a></li>
<li><a href="#"><img src="http://www.sagarsoni.com/pics/17.jpg"/></a></li>
<li><a href="#"><img src="http://www.sagarsoni.com/pics/18.jpg"/></a></li>
<li><a href="#"><img src="http://www.sagarsoni.com/pics/19.jpg"/></a></li>
<li><a href="#"><img src="http://www.sagarsoni.com/pics/20.jpg"/></a></li>
<li><a href="#"><img src="http://www.sagarsoni.com/pics/21.jpg"/></a></li>

<li><a href="#"><img src="http://www.sagarsoni.com/pics/22.jpg"/></a></li>
<li><a href="#"><img src="http://www.sagarsoni.com/pics/23.jpg"/></a></li>
<li><a href="#"><img src="http://www.sagarsoni.com/pics/pk.jpg"/></a></li>
<li><a href="#"><img src="http://www.sagarsoni.com/pics/25.jpg"/></a></li>
<li><a href="#"><img src="http://www.sagarsoni.com/pics/26.jpg"/></a></li>
<li><a href="#"><img src="http://www.sagarsoni.com/pics/27.jpg"/></a></li>
<li><a href="#"><img src="http://www.sagarsoni.com/pics/28.jpg"/></a></li>
<li><a href="#"><img src="http://www.sagarsoni.com/pics/29.jpg"/></a></li>
<li><a href="#"><img src="http://www.sagarsoni.com/pics/30.jpg"/></a></li>
<li><a href="#"><img src="http://www.sagarsoni.com/pics/31.jpg"/></a></li>
<li><a href="#"><img src="http://www.sagarsoni.com/pics/33.jpg"/></a></li>
<li><a href="#"><img src="http://www.sagarsoni.com/pics/temp.jpg"/></a></li>
<li><a href="#"><img src="http://www.sagarsoni.com/pics/am.jpg"/></a></li>
<li><a href="#"><img src="http://www.sagarsoni.com/pics/ig.jpg"/></a></li>
<li><a href="#"><img src="http://www.sagarsoni.com/pics/nm.jpg"/></a></li>
<li><a href="#"><img src="http://www.sagarsoni.com/pics/sk.jpg"/></a></li>

</ul>
</div>
<!--slider end-->
</div>
</div>
<!--banner end-->
<div class="bannerText container">
<h1>I'm Sagar Soni</h1>
<h2>a Student, a Blogger and a Freelancer</h2>
</div>
<!--menu start-->
<div class="menu">
<div class="navbar-wrapper">
<div class="container">
<div class="navwrapper">
<div class="navbar navbar-inverse navbar-static-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
<a class="navbar-brand" href="#">Menu</a> </div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li class="menuItem active"><a href="#wrapper">Home</a></li>
<li class="menuItem"><a href="#aboutme">About</a></li>
<li class="menuItem"><a href="#technical">Skills</a></li>
<li class="menuItem"><a href="#exprience">Experience</a></li>
<li class="menuItem"><a href="#education">Education</a></li>

<li class="menuItem"><a href="#contact">Contact</a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- End Navbar -->
</div>
</div>
</div>
<!--menu end-->
</header>
<!--about me start-->
<section class="aboutme" id="aboutme">
<div class="container">
<div class="heading">
<h2>About me</h2>
<p>a brief intoduction</p>
</div>
<div class="row">
<div class=" col-xs-12 col-sm-12 col-md-7 col-lg-7">
<h3>Sagar Soni</h3>
<h4 class="subHeading">Student & Web Designer</h4>
<p>Sάģάŕ is a web developer and technology enthusiast, a blogger by interest and a freelancer-freak. His always ready-to-help attitude, knowledge and hard work is what drives him. </p>
<p>He is 17 years old & writes about "Windows, technology, How-tos, Blogging, making Money Online, Css3, java script, SEO, Web Hosting, Gadgets, Giveaways, Software and customization tips.</p>
<a href="http://www.sagarsoni.com/resume.html" class="bntDownload">Download Printable Resume</a> </div>
<div class=" col-xs-12 col-sm-12 col-md-4 col-lg-4 col-md-offset-1 col-lg-offset-1 proPic"> <img src="http://www.sagarsoni.com/sagarsoni.jpg" alt="Sagar Soni" class="img-circle topmar"> </div>
</div>
</div>
</section>
<!--about me end-->
<!--technical start-->
<section class="technical" id="technical">
<div class="container">
<div class="heading">
<h2>Technical Skills</h2>
<p>I can say i’m quite good at</p>
</div>
<div class="row">
<div class=" col-xs-12 col-sm-4 col-md-4 col-lg-4 skillsArea">
<div class=" col-xs-12 col-sm-6 col-md-6 col-lg-6 skills"> <span class="chart skilBg" data-percent="90"> <span class="percent"></span> </span>
<h4>Photoshop</h4>
<p></p>
</div>
</div>
<div class=" col-xs-12 col-sm-4 col-md-4 col-lg-4 skillsArea">
<div class=" col-xs-12 col-sm-6 col-md-6 col-lg-6 skills"> <span class="chart skilBg" data-percent="80"> <span class="percent"></span> </span>
<h4>Illustrator</h4>
<p></p>
</div>
</div>
<div class=" col-xs-12 col-sm-4 col-md-4 col-lg-4 skillsArea">
<div class=" col-xs-12 col-sm-6 col-md-6 col-lg-6 skills"> <span class="chart skilBg" data-percent="80"> <span class="percent"></span> </span>
<h4>Flash</h4>
<p></p>
</div>
</div>
<div class=" col-xs-12 col-sm-4 col-md-4 col-lg-4 skillsArea">
<div class=" col-xs-12 col-sm-6 col-md-6 col-lg-6 skills"> <span class="chart skilBg" data-percent="75"> <span class="percent"></span> </span>
<h4>HTML5 / CSS3</h4>
<p></p>
</div>
</div>
<div class=" col-xs-12 col-sm-4 col-md-4 col-lg-4 skillsArea">
<div class=" col-xs-12 col-sm-6 col-md-6 col-lg-6 skills"> <span class="chart skilBg" data-percent="60"> <span class="percent"></span> </span>
<h4>jQuery</h4>
<p></p>
</div>
</div>
<div class=" col-xs-12 col-sm-4 col-md-4 col-lg-4 skillsArea">
<div class=" col-xs-12 col-sm-6 col-md-6 col-lg-6 skills"> <span class="chart skilBg" data-percent="65"> <span class="percent"></span> </span>
<h4>PHP / MySQL</h4>
<p></p>
</div>
</div>
</div>
</div>
</section>
<!--technical end-->
<!--exprience start-->
<section class="exprience" id="exprience">
<div class="container">
<div class="heading">
<h2>Work Experience</h2>
<p>My previous associations</p>
</div>
<div class="row workDetails">
<div class="col-xs-12 col-sm-3 col-md-2 col-lg-2">
<div class="workYear">July, 2014<br>
Present</div>
</div>
<div class="col-xs-12 col-sm-9 col-md-10 col-lg-10 rightArea">
<div class="arrowpart"></div>
<div class="exCon">
<h4>Cikly Network</h4>
<h5>Author & Co-founder</h5>
<p>Our Cikly Nework includes 5 web locations namely Cikly.com, Cikly.in, Cikly.org, Cikly.biz and Cikly.co.in. We provide solutions to Domain Registration, SSL Certificates, Shared Web Hosting, Reseller Web Hosting and Virtual Private Networks.</p>
</div>
</div>
</div>
<div class="row workDetails">
<div class="col-xs-12 col-sm-3 col-md-2 col-lg-2">
<div class="workYear">May,2013<br>
Present</div>
</div>
<div class="col-xs-12 col-sm-9 col-md-10 col-lg-10 rightArea">
<div class="arrowpart"></div>
<div class="exCon">
<h4>iTechNext</h4>
<h5>Author & Web Designer</h5>
<p>iTechNext is a blog where we write articles on Following Topics: Free GPRS Tricks, Free Recharge Tricks, Computer Tricks, Mobile Tricks, Windows Tricks, Android Tricks, Internet Tricks, Cool Tips and Tricks, Tutorials, Tech Updates and many more…..</p>
</div>
</div>
</div>
<div class="row workDetails">
<div class="col-xs-12 col-sm-3 col-md-2 col-lg-2">
<div class="workYear">Mar, 2013<br>
May, 2013</div>
</div>
<div class="col-xs-12 col-sm-9 col-md-10 col-lg-10 rightArea">
<div class="arrowpart"></div>
<div class="exCon">
<h4>NDTV Gadgets</h4>
<h5>Author</h5>
<p>New Delhi Television is, and has been for more than a quarter century, a pioneer in India’s news television. Founded in 1988 by Radhika Roy and Prannoy Roy, NDTV is today the most watched and the most respected news and lifestyle network in India. NDTV is most proud of how its work impacts the real world and how it is using its powerful reach to campaign for and with the people of India. </p>
</div>
</div>
</div>
<div class="row workDetails">
<div class="col-xs-12 col-sm-3 col-md-2 col-lg-2">
<div class="workYear">Nov, 2014<br>
Jan, 2015</div>
</div>
<div class="col-xs-12 col-sm-9 col-md-10 col-lg-10 rightArea">
<div class="arrowpart"></div>
<div class="exCon">
<h4>Sirsakart</h4>
<h5>CEO</h5>
<p>SirsaKart.com is the Sirsa`s first online shopping website founded by Sagar Soni in 2014 with his partner Puneet Mehta. This website offers a wide range of products likes Electronics, Households, Clothing, Footwear, Personal Wellness, Kitchenwares, Baby Products, Books, Media and much more! </p>
</div>
</div>
</div>
<div class="row workDetails">
<div class="col-xs-12 col-sm-3 col-md-2 col-lg-2">
<div class="workYear">Dec, 2012<br>
Jan, 2013</div>
</div>
<div class="col-xs-12 col-sm-9 col-md-10 col-lg-10 rightArea">
<div class="arrowpart"></div>
<div class="exCon">
<h4>Smartprix</h4>
<h5>Product & Content Manager</h5>
<p> Smartprix.com is a great tool for online comparison shopping. We make it surprisingly easy for you to find a product, know about that product and compare it with others. Our goal is to provide the best comparison shopping experience on the Internet, and establish smartprix.com as the most trusted and effective online destination to make a purchase decision.</p>
</div>
</div>
</div>
<div class="row workDetails">
<div class="col-xs-12 col-sm-3 col-md-2 col-lg-2">
<div class="workYear">June, 2012<br>
May, 2013</div>
</div>
<div class="col-xs-12 col-sm-9 col-md-10 col-lg-10 rightArea">
<div class="arrowpart"></div>
<div class="exCon">
<h4>RockstarInn</h4>
<h5>Author & Co-founder</h5>
<p>RockstarInn was my first website project with my class-fellow Gunjan Chawla and it indicated the beginning of my web development career. RockstarInn was a blog to discuss the social matters of that time. We both wrote 50+ articles but unfortunately, due to heavy traffic and under age restrictions, our blog was removed by registrant authority in May, 2013</p>
</div>
</div>
</div>

</div>
</section>
<!--exprience end-->
<!--education start-->
<section class="education" id="education">
<div class="container">
<div class="heading">
<h2>Educational Qualifications</h2>
<p>What I have done in my academic career</p>
</div>
<div class="row workDetails">
<div class="col-xs-12 col-sm-3 col-md-2 col-lg-2">
<div class="workYear">Mar, 2015 <br> Present</div>
</div>
<div class="col-xs-12 col-sm-9 col-md-10 col-lg-10 rightArea">
<div class="arrowpart"></div>
<div class="exCon">
<h4>Class XII (Engineering)</h4>
<h5>DAV Public School, Sirsa</h5>
<p>I am currently pursuing XII Standard with engineering stream. I scored 90% in X standard board exams during acadmic year 2013-14. </p>
</div>
</div>
</div>

</div>
</section>
<!--education end-->

<!--contact start-->
<section class="contact" id="contact">
<div class="container topCon">
<div class="heading">
<h2>Get In Touch</h2>
<p>Please feel free if you would like to have a chat.</p>
</div>
</div>
<div class="row mapArea">
<iframe frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d55540.67491598345!2d75.03039165!3d29.536984249999996!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0000000000000000%3A0xf33f14eba17d0a8c!2sRockstarinn+%7C+Society+And+You!5e0!3m2!1sen!2sin!4v1425574099725"></iframe>
</div>
</section>
<section class="contactDetails">
<div class="container">
<!--contact info start-->
<div class="col-xs-12 col-sm-3 col-md-4 col-lg-4">
<h4>Contact details</h4>
<p> <i class="fa fa-map-marker fa-lg"></i> #157/3 Bansal Colony, Sirsa - 125055</p>
<p> <i class="fa fa-mobile fa-lg"></i> +91-999-61-66-717</p>
<p> <i class="fa fa-envelope-o "></i> <a href="mailto:mailme.sagarsoni@gmail.com">mailme.sagarsoni@gmail.com</a></p>
<p> <i class="fa fa-link "></i> <a href="https://www.facebook.com/me.sagar.soni">Facebook Profile</a></p>
</div>
<!--contact info end-->
<!--contact form start-->
<div class="col-xs-12 col-sm-9 col-md-8 col-lg-8 conForm">
<h4>Shoot a message!</h4>
<div id="message"></div>
<form method="post" action="php/contact.php" name="cform" id="cform">
<input name="name" id="name" type="text" class="col-xs-12 col-sm-6 col-md-6 col-lg-6" placeholder="Your name..." >
<input name="email" id="email" type="email" class=" col-xs-12 col-sm-6 col-md-6 col-lg-6 noMarr" placeholder="Your email..." >
<textarea name="comments" id="comments" cols="" rows="" class="col-xs-12 col-sm-12 col-md-12 col-lg-12" placeholder="Your message..."></textarea>
<input type="submit" id="submit" name="send" class="submitBnt" value="Send message">
<div id="simple-msg"></div>
</form>
</div>
<!--contact form end-->
</div>
</section>
<!--contact end-->
<!--footer start-->
<section class="footer" id="footer">
<div class="container">
<ul>
<li><a href="https://twitter.com/me_sagar_soni"><i class="fa fa-twitter fa-2x"></i></a></li>
<li><a href="https://www.facebook.com/me.sagar.soni"><i class="fa fa-facebook fa-2x"></i></a></li>
<li><a href="https://www.linkedin.com/in/mesagarsoni"><i class="fa fa-linkedin fa-2x"></i></a></li>
<li><a href="https://in.pinterest.com/me_sagar_soni/"><i class="fa fa-pinterest fa-2x"></i></a></li>
<li><a href="https://dribbble.com/me_sagar_soni"><i class="fa fa-dribbble fa-2x"></i></a></li>
<li><a href="#"><i class="fa fa-rss fa-2x"></i></a></li>
</ul>
</div>
</section>
<!--footer end-->
</div>
<!--wrapper end-->
<!--modernizr js-->
<script type="text/javascript" src="js/modernizr.custom.26633.js"></script>
<!--jquary min js-->
<script type="text/javascript" src="js/jquery.min.js"></script>
<script src="js/bootstrap.js"></script>
<script type="text/javascript" src="js/jquery.gridrotator.js"></script>
<!--for custom jquary-->
<script src="js/custom.js"></script>
<!--for placeholder jquary-->
<script type="text/javascript" src="js/jquery.placeholder.js"></script>
<!--for menu jquary-->
<script type="text/javascript" src="js/stickUp.js"></script>
<script type="text/javascript">
jQuery(function($) {
$(document).ready( function() {
//enabling stickUp on the '.navbar-wrapper' class
$('.navbar-wrapper').stickUp({
parts: {
0: 'banner',
1: 'aboutme',
2: 'technical',
3: 'exprience',
4: 'education',
5: 'protfolio',
6: 'contact'
},
itemClass: 'menuItem',
itemHover: 'active',
topMargin: 'auto'
});
});

$( ".navbar.navbar-inverse.navbar-static-top a" ).click(function() {
$( ".navbar-collapse" ).addClass( "hideClass" );
});


$( ".navbar.navbar-inverse.navbar-static-top a" ).click(function() {
$( ".navbar-collapse" ).addClass( "collapse" );
});


$( ".navbar.navbar-inverse.navbar-static-top a" ).click(function() {
$( ".navbar-collapse" ).removeClass( "in" );
});

$( ".navbar-toggle" ).click(function() {
$( ".navbar-collapse" ).removeClass( "hideClass" );
});


});
</script>
<!--for portfoli filter jquary-->
<script src="js/jquery.isotope.js" type="text/javascript"></script>
<!--for portfoli lightbox -->
<link type="text/css" rel="stylesheet" id="theme" href="css/jquery-ui-1.8.16.custom.css">
<link type="text/css" rel="stylesheet" href="css/lightbox.min.css">
<script type="text/javascript" src="js/jquery.ui.widget.min.js"></script>
<script type="text/javascript" src="js/jquery.ui.rlightbox.js"></script>
<!--for skill chat jquary-->
<script src="js/jquery.easing.min.js"></script>
<script src="js/jquery.easypiechart.js"></script>
<!--contact form js-->
<script type="text/javascript" src="js/jquery.contact.js"></script>
</body>
</html>










What I want to copy in my new website is this element:

<!--exprience start-->
<section class="exprience" id="exprience">
<div class="container">
<div class="heading">
<h2>Work Experience</h2>
<p>My previous associations</p>
</div>
<div class="row workDetails">
<div class="col-xs-12 col-sm-3 col-md-2 col-lg-2">
<div class="workYear">July, 2014<br>
Present</div>
</div>
<div class="col-xs-12 col-sm-9 col-md-10 col-lg-10 rightArea">
<div class="arrowpart"></div>
<div class="exCon">
<h4>Cikly Network</h4>
<h5>Author & Co-founder</h5>
<p>Our Cikly Nework includes 5 web locations namely Cikly.com, Cikly.in, Cikly.org, Cikly.biz and Cikly.co.in. We provide solutions to Domain Registration, SSL Certificates, Shared Web Hosting, Reseller Web Hosting and Virtual Private Networks.</p>
</div>
</div>
</div>
<div class="row workDetails">
<div class="col-xs-12 col-sm-3 col-md-2 col-lg-2">
<div class="workYear">May,2013<br>
Present</div>
</div>
<div class="col-xs-12 col-sm-9 col-md-10 col-lg-10 rightArea">
<div class="arrowpart"></div>
<div class="exCon">
<h4>iTechNext</h4>
<h5>Author & Web Designer</h5>
<p>iTechNext is a blog where we write articles on Following Topics: Free GPRS Tricks, Free Recharge Tricks, Computer Tricks, Mobile Tricks, Windows Tricks, Android Tricks, Internet Tricks, Cool Tips and Tricks, Tutorials, Tech Updates and many more…..</p>
</div>
</div>
</div>
<div class="row workDetails">
<div class="col-xs-12 col-sm-3 col-md-2 col-lg-2">
<div class="workYear">Mar, 2013<br>
May, 2013</div>
</div>
<div class="col-xs-12 col-sm-9 col-md-10 col-lg-10 rightArea">
<div class="arrowpart"></div>
<div class="exCon">
<h4>NDTV Gadgets</h4>
<h5>Author</h5>
<p>New Delhi Television is, and has been for more than a quarter century, a pioneer in India’s news television. Founded in 1988 by Radhika Roy and Prannoy Roy, NDTV is today the most watched and the most respected news and lifestyle network in India. NDTV is most proud of how its work impacts the real world and how it is using its powerful reach to campaign for and with the people of India. </p>
</div>
</div>
</div>
<div class="row workDetails">
<div class="col-xs-12 col-sm-3 col-md-2 col-lg-2">
<div class="workYear">Nov, 2014<br>
Jan, 2015</div>
</div>
<div class="col-xs-12 col-sm-9 col-md-10 col-lg-10 rightArea">
<div class="arrowpart"></div>
<div class="exCon">
<h4>Sirsakart</h4>
<h5>CEO</h5>
<p>SirsaKart.com is the Sirsa`s first online shopping website founded by Sagar Soni in 2014 with his partner Puneet Mehta. This website offers a wide range of products likes Electronics, Households, Clothing, Footwear, Personal Wellness, Kitchenwares, Baby Products, Books, Media and much more! </p>
</div>
</div>
</div>
<div class="row workDetails">
<div class="col-xs-12 col-sm-3 col-md-2 col-lg-2">
<div class="workYear">Dec, 2012<br>
Jan, 2013</div>
</div>
<div class="col-xs-12 col-sm-9 col-md-10 col-lg-10 rightArea">
<div class="arrowpart"></div>
<div class="exCon">
<h4>Smartprix</h4>
<h5>Product & Content Manager</h5>
<p> Smartprix.com is a great tool for online comparison shopping. We make it surprisingly easy for you to find a product, know about that product and compare it with others. Our goal is to provide the best comparison shopping experience on the Internet, and establish smartprix.com as the most trusted and effective online destination to make a purchase decision.</p>
</div>
</div>
</div>
<div class="row workDetails">
<div class="col-xs-12 col-sm-3 col-md-2 col-lg-2">
<div class="workYear">June, 2012<br>
May, 2013</div>
</div>
<div class="col-xs-12 col-sm-9 col-md-10 col-lg-10 rightArea">
<div class="arrowpart"></div>
<div class="exCon">
<h4>RockstarInn</h4>
<h5>Author & Co-founder</h5>
<p>RockstarInn was my first website project with my class-fellow Gunjan Chawla and it indicated the beginning of my web development career. RockstarInn was a blog to discuss the social matters of that time. We both wrote 50+ articles but unfortunately, due to heavy traffic and under age restrictions, our blog was removed by registrant authority in May, 2013</p>
</div>
</div>
</div>

</div>
</section>
<!--exprience end-->





Please help me to insert it.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Jul 7 2015, 03:11 PM
Post #2


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,730
Joined: 9-August 06
Member No.: 6
Well, paste it in where you want it in your new HTML page. To make it look nice you will need to use CSS though. I have no idea how to do anything of this with the website builder you use.

I also would clean it up before pasting it in. All those classes have no meaning without the original style sheet. You'd better create new classes as you need them to work with your current style sheet.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
« Next Oldest · Markup (HTML, XHTML, XML) · Next Newest »
 

Reply to this topicStart new topic
2 User(s) are reading this topic (2 Guests and 0 Anonymous Users)
0 Members:

 

Display Mode: Standard · Switch to: Linear+ · Switch to: Outline

Track this topic · Email this topic · Print this topic · Subscribe to this forum

- Lo-Fi Version Time is now: 25th April 2024 - 08:26 AM
Invision Power Board © 2024  IPS, Inc.
Licensed to: HTMLHelp.com, LLC