master

分支 (1)

管理

管理

master

MarketPlace
/
sell.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta content="width=device-width, initial-scale=1" name="viewport">
	<meta name="author" content="Kiarashi">
	<meta name="description" content="MarketPlace">
	<meta name="keywords" content="">

  <title>Sell</title>

  <!-- template stylesheet -->
  <link rel="stylesheet" href="css/template.css">

   <!-- jQuery + Bootstrap -->
	<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
	<script type="text/javascript" src="js/bootstrap.min.js"></script>


  	<script type="text/javascript" src="js/jquery.cookie.js"></script>
	<script type="text/javascript" src="js/jquery.hoverIntent.minified.js"></script>
	<script type="text/javascript" src="js/jquery.dcjqaccordion.2.7.min.js"></script>


	<script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
	<script type="text/javascript" src="js/script.js"></script>


</head>
<body class="sell-author">


<!-- BEGIN SELL HEADER -->
	<div class="sell-header padding100-bottom">


<!-- BEGIN TOPBAR -->
<div class="topbar version-two">
<div class="container">
	<div class="row">
		<div class="col-md-12 align-right">

			<ul class="sub-menu">
				<li><a href="sell.html">Sell</a></li>
				<li><a href="support.html">Support</a></li>
				<li><a href="contact.html">Contact</a></li>
			</ul>
		</div>

	</div>
</div>
</div>
<!-- BEGIN TOPBAR -->


<!-- BEGIN TOPBAR -->
<div class="topbar">
<div class="container">
	<div class="row">
		<div class="col-xs-12 col-md-3 block-logo">
			<a href="index.html"><img src="images/img-logo.png" class="main-logo" alt=""></a>
		</div>
	  <div class="col-xs-12 col-md-9 info-stats">


	  </div>
	</div>
</div>
</div>
<!-- BEGIN TOPBAR -->


			<h1>Become an <span>author</span></h1>
			<h3>Sell your work to millions of buyers on our MarketPlace.</h3>
	</div>
<!-- END SELL HEADER -->


<!-- BEGIN ... -->
<div class="infobox">
	<div class="container">
		<div class="row">


		<h3>Here’s why you'll <span>love</span> selling with us!</h3>

			<div class="borderline-two">

<div class="col-xs-12 col-sm-6 col-md-6 border align-right">
        <img src="images/img_avatar.jpg" class="img-right" width="75" height="75" alt="">

            <h5>Powerful Distribution Network</h5>

            <div class="second-description">
                Not just a destination site, MarketPlace is a platform to get your products in front of customers wherever they are.
            </div>

</div>

<div class="col-xs-12 col-sm-6 col-md-6 align-left">
        <img src="images/img_avatar.jpg" class="img-left" width="75" height="75" alt="">

            <h5>Keep 70% Of Each Sale</h5>

            <div class="second-description">
                You put in the hard work to create amazing products, so you should deserve the most from each sale.
            </div>
</div>

				<div class="col-md-12 separator">
					<div></div>
				</div>


<div class="col-xs-12 col-sm-6 col-md-6 border align-right second-column">
        <img src="images/img_avatar.jpg" class="img-right" width="75" height="75" alt="">

            <h5>No Exclusivity Lock-In</h5>

            <div class="second-description">
                Sell with us...and beyond. There’s no punishment for selling your products elsewhere.
            </div>
</div>

<div class="col-xs-12 col-sm-6 col-md-6 align-left second-column">
        <img src="images/img_avatar.jpg" class="img-left" width="75" height="75" alt="">

			<h5>Set Your Own Prices</h5>

            <div class="second-description">
                No one knows the value of your work better than you do, so keep control over your product prices and change them at anytime.
            </div>
</div>

				<div class="col-md-12 separator">
					<div></div>
				</div>


<div class="col-xs-12 col-sm-6 col-md-6 border align-right third-column">
        <img src="images/img_avatar.jpg" class="img-right" width="75" height="75" alt="">

            <h5>No Product Review Process</h5>

            <div class="second-description">
                Add, update and change your product listings whenever you’d like.
				Your products will go live instantly.
            </div>
</div>

<div class="col-xs-12 col-sm-6 col-md-6 align-left third-column">
        <img src="images/img_avatar.jpg" class="img-left" width="75" height="75" alt="">

			<h5>Instant Delivery</h5>

            <div class="second-description">
                We’ll make sure your products are delivered safely and securely to your customers.
            </div>
</div>

				<div class="col-md-12 separator">
					<div></div>
				</div>


			</div>


		</div>
	</div>
</div>
<!-- END ... -->


<!-- BEGIN SECOND BLOCK -->
<div class="container-fluid author-second-block">
	<div class="row">

<div class="container padding100-top">
		<div class="row">
			<div class="row-same-height">
			<div class="col-xs-12 col-md-6 col-md-height col-bottom">
					<ul class="accordion">
						<li>
							<button type="button" data-number="1" data-toggle="collapse" data-target="#section1" class="">Proin molestie, leo vel</button>
								<div class="collapse in" id="section1">
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas tempor dui ac tincidunt suscipit. Ut elementum laoreet enim. Integer eleifend sem sit amet rhoncus dictum. Praesent vehicula magna nec nibh commodo dictum.</p>
								</div>
						</li>
						<li>
							<button type="button" data-number="2" data-toggle="collapse" data-target="#section2" class="collapsed">Duis eros purus, feugiat ac faucibus</button>
								<div class="collapse" id="section2">
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas tempor dui ac tincidunt suscipit. Ut elementum laoreet enim. Integer eleifend sem sit amet rhoncus dictum. Praesent vehicula magna nec nibh commodo dictum.</p>
								</div>
						</li>

						<li>
							<button type="button" data-number="3" data-toggle="collapse" data-target="#section3" class="collapsed">Cras lorem metus, porttitor et sem id</button>
								<div class="collapse" id="section3">
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas tempor dui ac tincidunt suscipit. Ut elementum laoreet enim. Integer eleifend sem sit amet rhoncus dictum. Praesent vehicula magna nec nibh commodo dictum.</p>
								</div>
						</li>
						<li>
							<button type="button" data-number="4" data-toggle="collapse" data-target="#section4" class="collapsed">Aliquam erat volutpat. Donec a laoreet</button>
								<div class="collapse" id="section4">
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas tempor dui ac tincidunt suscipit. Ut elementum laoreet enim. Integer eleifend sem sit amet rhoncus dictum. Praesent vehicula magna nec nibh commodo dictum.</p>
								</div>
						</li>

						<li>
							<button type="button" data-number="5" data-toggle="collapse" data-target="#section5" class="collapsed">In gravida metus at justo faucibus</button>
								<div class="collapse" id="section5">
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas tempor dui ac tincidunt suscipit. Ut elementum laoreet enim. Integer eleifend sem sit amet rhoncus dictum. Praesent vehicula magna nec nibh commodo dictum.</p>
								</div>
						</li>
						<li>
							<button type="button" data-number="6" data-toggle="collapse" data-target="#section6" class="collapsed">Suspendisse mi nulla, efficitur eu commodo vel</button>
								<div class="collapse" id="section6">
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas tempor dui ac tincidunt suscipit. Ut elementum laoreet enim. Integer eleifend sem sit amet rhoncus dictum. Praesent vehicula magna nec nibh commodo dictum.</p>
								</div>
						</li>

					</ul>

					<div class="padding100-bottom"></div>
			</div>

			<div class="col-xs-12 col-md-6 col-md-height col-bottom align-center">
				<img src="images/img-author-block.png" class="small-responsive" alt="">
			</div>
		</div>
	</div>
</div>

</div>
</div>


<!-- END SECOND BLOCK -->


<!-- BEGIN SIGN UP BLOCK -->
<div class="signup-block padding60">
        <div class="container">
            <div class="row align-right">

                 <div class="col-md-6">
                     <h1><i class="fa fa-star"></i> Sign up now!</h1>
                 </div>

                 <div class="col-md-6 align-left">
                        <button type="button" class="btn upload">Become an Author</button>
				</div>
             </div>
        </div>
</div>

<!-- END SIGN UP BLOCK -->


<!-- BEGIN FOOTER -->
<div class="footer">
	<div class="container">
		<div class="row">


			<div class="col-xs-12 col-sm-6 col-md-4">
				<img src="images/img-logo.png" class="main-logo" alt="">
				Etiam sed mi ex. Phasellus bibendum, urna eget interdum pretium, ante erat ultricies diam,
				non condimentum risus dui quis augue. Integer placerat vel risus at cursus. Donec convallis enim nunc,
				a iaculis felis accumsan non.
			</div>

			<div class="col-xs-12 col-sm-6 col-md-2">
			<h3>Services</h3>
				<ul class="footer">
				<li><a href="">Sell</a></li>
				<li><a href="">Blog</a></li>
				<li><a href="">Forum</a></li>
				<li><a href="">Affiliate</a></li>
				<li><a href="">Support</a></li>
				<li><a href="">Contact</a></li>
			</ul>
			</div>

			<div class="col-xs-12 col-sm-6 col-md-2">
			<h3>Services</h3>
				<ul class="footer">
				<li><a href="">Sell</a></li>
				<li><a href="">Blog</a></li>
				<li><a href="">Forum</a></li>
				<li><a href="">Affiliate</a></li>
				<li><a href="">Support</a></li>
				<li><a href="">Contact</a></li>
			</ul>
			</div>


			<div class="col-xs-12 col-sm-6 col-md-4">

			<h3>Newsletter</h3>
			Subscribe to receive inspiration, ideas, and news in your inbox.

				<div class="newsletter">
					<form class="" role="search" action="#" method="get">
					<div class="form-group">
					  <input type="email" name="email" value="" class="form-control" id="newsletter" placeholder="Your Email">
					  <button type="submit" value="Sign up Now"><i class="fa fa-angle-double-right"></i></button>
					 </div>
					 </form>
				</div>


				<div class="socialmedia">
					<h4>Follow Us:</h4>
					<a href=""><i class="fa fa-twitter"></i></a>
					<a href=""><i class="fa fa-pinterest"></i></a>
					<a href=""><i class="fa fa-facebook"></i></a>
					<a href=""><i class="fa fa-flickr"></i></a>
					<a href=""><i class="fa fa-google-plus"></i></a>
				</div>
			</div>

		<div class="clear"></div>

	<div class="col-md-12">
		<div class="heading-border">Copyright © 2015 MarketPlace. All Rights Reserved.
			<span class="pull-right">Mauris mollis lectus id nibh mollis semper.</span>
		</div>
	</div>


		</div>
	</div>
</div>
<!-- END FOOTER -->


	<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
	<script type="text/javascript" src="js/html5shiv.min.js"></script>
	<script type="text/javascript" src="js/respond.min.js"></script>


</body>
</html>