<!DOCTYPE html>
<html>
<title>Tiffany's Art of Sex Template</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Oswald">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open Sans">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
h1,h2,h3,h4,h5,h6 {font-family: "Oswald"}
body {font-family: "Open Sans"}
</style>
<body class="w3-light-grey">
<!-- Navigation bar with social media icons -->
<div class="w3-bar w3-black w3-hide-small">
<a href="#" class="w3-bar-item w3-button"><i class="fa fa-facebook-official"></i></a>
<a href="#" class="w3-bar-item w3-button"><i class="fa fa-instagram"></i></a>
<a href="#" class="w3-bar-item w3-button"><i class="fa fa-snapchat"></i></a>
<a href="#" class="w3-bar-item w3-button"><i class="fa fa-flickr"></i></a>
<a href="#" class="w3-bar-item w3-button"><i class="fa fa-twitter"></i></a>
<a href="#" class="w3-bar-item w3-button"><i class="fa fa-linkedin"></i></a>
<a href="#" class="w3-bar-item w3-button w3-right"><i class="fa fa-search"></i></a>
</div>
<!-- w3-content defines a container for fixed size centered content,
and is wrapped around the whole page content, except for the footer in this example -->
<div class="w3-content" style="max-width:1600px">
<!-- Header -->
<header class="w3-container w3-center w3-padding-48 w3-white">
<h1 class="w3-xxxlarge"><b>TIFFANY's LIFE</b></h1>
<h6>Welcome to the Art of Sex <span class="w3-tag">Tiffany's World</span></h6>
</header>
<!-- Image header -->
<header class="w3-display-container w3-wide" id="home">
<img class="w3-image" src="/w3images/jane.jpg" alt="Fashion Blog" width="1600" height="1060">
<div class="w3-display-left w3-padding-large">
<h1 class="w3-text-white">Tiffany's</h1>
<h1 class="w3-jumbo w3-text-white w3-hide-small"><b>The Art of Sex</b></h1>
<h6><button class="w3-button w3-white w3-padding-large w3-large w3-opacity w3-hover-opacity-off" onclick="document.getElementById('subscribe').style.display='block'">SUBSCRIBE</button></h6>
</div>
</header>
<!-- Grid -->
<div class="w3-row w3-padding w3-border">
<!-- Blog entries -->
<div class="w3-col l8 s12">
<!-- Blog entry -->
<div class="w3-container w3-white w3-margin w3-padding-large">
<div class="w3-center">
<h3>TITLE HEADING</h3>
<h5>Title description, <span class="w3-opacity">September 2, 2020</span></h5>
</div>
<div class="w3-justify">
<img src="/w3images/girl_hat.jpg" alt="Girl Hat" style="width:100%" class="w3-padding-16">
<p><strong>More SEX!</strong> I am so crazy about sex these days. Some text about this blog entry. Fashion fashion and sex.</p>
<p>Sunt in culpa qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do eiusmod tempor .</p>
<p class="w3-left"><button class="w3-button w3-white w3-border" onclick="likeFunction(this)"><b><i class="fa fa-thumbs-up"></i> Like</b></button></p>
<p class="w3-right"><button class="w3-button w3-black" onclick="myFunction('demo1')" id="myBtn"><b>Replies </b> <span class="w3-tag w3-white">1</span></button></p>
<p class="w3-clear"></p>
<div class="w3-row w3-margin-bottom" id="demo1" style="display:none">
<hr>
<div class="w3-col l2 m3">
<img src="/w3images/avatar_smoke.jpg" style="width:90px;">
</div>
<div class="w3-col l10 m9">
<h4>George <span class="w3-opacity w3-medium">May 3, 2020, 6:32 PM</span></h4>
<p>Great VIDEOS! Following</p>
</div>
</div>
</div>
</div>
<hr>
<!-- Blog entry -->
<div class="w3-container w3-white w3-margin w3-padding-large">
<div class="w3-center">
<h3>MY CO-STAR</h3>
<h5>Title description, <span class="w3-opacity">April 23, 2020</span></h5>
</div>
<div class="w3-justify">
<img src="/w3images/man_hat.jpg" alt="Men in Hats" style="width:100%" class="w3-padding-16">
<p><strong>ART of Porn!</strong> The trend is mixing Art with Adult Entertainment!</p>
<p>Some text about this blog entry. Fashion fashion and sex.</p>
<p class="w3-left"><button class="w3-button w3-white w3-border" onclick="likeFunction(this)"><b><i class="fa fa-thumbs-up"></i> Like</b></button></p>
<p class="w3-right"><button class="w3-button w3-black" onclick="myFunction('demo2')"><b>Replies </b> <span class="w3-tag w3-white">2</span></button></p>
<p class="w3-clear"></p>
<!-- Example of comment field -->
<div id="demo2" style="display:none">
<div class="w3-row">
<hr>
<div class="w3-col l2 m3">
<img src="/w3images/girl_train.jpg" style="width:90px;">
</div>
<div class="w3-col l10 m9">
<h4>Amber <span class="w3-opacity w3-medium">April 26, 2015, 10:52 PM</span></h4>
<p>Love your Art of Sex page! Simply the best! I'm learning how to "orally" satisfy my signifcant other by watching your videos .</p><br>
</div>
</div>
<div class="w3-row w3-margin-bottom">
<div class="w3-col l2 m3">
<img src="/w3images/girl.jpg" style="width:90px;">
</div>
<div class="w3-col l10 m9">
<h4>Angie <span class="w3-opacity w3-medium">April 23, 2020, 9:12 PM</span></h4>
<p>Love your VIDEOS on xvideos.com -- I been looking for your online presence, but now I have your DIRECT LINK</p>
</div>
</div>
</div>
</div>
</div>
<!-- Blog entry -->
<div class="w3-container w3-white w3-margin w3-padding-large">
<div class="w3-center">
<h3>TITLE HEADING</h3>
<h5>Title description, <span class="w3-opacity">April 7, 2020</span></h5>
</div>
<div class="w3-justify">
<img src="/w3images/runway.jpg" alt="Runway" style="width:100%" class="w3-padding-16">
<p><strong>Dont miss!</strong> The Porn Convention this weekend is gonna be legendary!</p>
<p>Some text about this blog entry. Fashion fashion and sex.</p>
<p class="w3-left"><button class="w3-button w3-white w3-border" onclick="likeFunction(this)"><b><i class="fa fa-thumbs-up"></i> Like</b></button></p>
<p class="w3-right"><button class="w3-button w3-black" onclick="myFunction('demo3')"><b>Replies </b> <span class="w3-tag w3-white">3</span></button></p>
<p class="w3-clear"></p>
<!-- Example of comment field -->
<div id="demo3" style="display:none">
<hr>
<div class="w3-row w3-margin-bottom">
<div class="w3-col l2 m3">
<img src="/w3images/girl_mountain.jpg" style="width:90px;">
</div>
<div class="w3-col l10 m9">
<h4>Jane <span class="w3-opacity w3-medium">April 10, 2020, 7:22 PM</span></h4>
<p>That was a great adult video! Thanks for everything.</p>
</div>
</div>
<div class="w3-row w3-margin-bottom">
<div class="w3-col l2 m3">
<img src="/w3images/boy.jpg" style="width:90px;">
</div>
<div class="w3-col l10 m9">
<h4>John <span class="w3-opacity w3-medium">April 8, 2020, 10:32 PM</span></h4>
<p>Keep up the GREAT work! I am cheering for you!!.</p>
</div>
</div>
<div class="w3-row w3-margin-bottom">
<div class="w3-col l2 m3">
<img src="/w3images/girl_hood.jpg" style="width:90px;">
</div>
<div class="w3-col l10 m9">
<h4>Anja <span class="w3-opacity w3-medium">April 7, 2020, 9:12 PM</span></h4>
<p>Cant wait for your new videos to upload!</p>
</div>
</div>
</div>
</div>
</div>
<!-- END BLOG ENTRIES -->
</div>
<!-- About/Information menu -->
<div class="w3-col l4">
<!-- About Card -->
<div class="w3-white w3-margin">
<img src="/w3images/avatar_girl2.jpg" alt="Jane" style="width:100%" class="w3-grayscale">
<div class="w3-container w3-black">
<h4>My Name</h4>
<p>Just me, myself and I, exploring the universe of uknownment. I have a heart of love and a interest of lorem ipsum and mauris neque quam blog. I want to share my world with you.</p>
</div>
</div>
<hr>
<!-- Posts -->
<div class="w3-white w3-margin">
<div class="w3-container w3-padding w3-black">
<h4>Popular Posts</h4>
</div>
<ul class="w3-ul w3-hoverable w3-white">
<li class="w3-padding-16">
<img src="/w3images/avatar_smoke.jpg" alt="Image" class="w3-left w3-margin-right" style="width:50px">
<span class="w3-large">Tiffany interracial</span>
<br>
<span>COMING SOON...</span>
</li>
<li class="w3-padding-16">
<img src="/w3images/bandmember.jpg" alt="Image" class="w3-left w3-margin-right" style="width:50px">
<span class="w3-large">Sweaters</span>
<br>
<span>Sexually Frusturated Sweaters</span>
</li>
<li class="w3-padding-16">
<img src="/w3images/workshop.jpg" alt="Image" class="w3-left w3-margin-right" style="width:50px">
<span class="w3-large">Sex Workshop</span>
<br>
<span>Sex in a Box</span>
</li>
<li class="w3-padding-16">
<img src="/w3images/avatar_smoke.jpg" alt="Image" class="w3-left w3-margin-right w3-sepia" style="width:50px">
<span class="w3-large">Viral Videos</span>
<br>
<span>Coming Soon..,</span>
</li>
</ul>
</div>
<hr>
<!-- Advertising -->
<div class="w3-white w3-margin">
<div class="w3-container w3-padding w3-black">
<h4>Advertise</h4>
</div>
<div class="w3-container w3-white">
<div class="w3-container w3-display-container w3-light-grey w3-section" style="height:200px">
<span class="w3-display-middle">Your AD Here</span>
</div>
</div>
</div>
<hr>
<!-- Tags -->
<div class="w3-white w3-margin">
<div class="w3-container w3-padding w3-black">
<h4>Tags</h4>
</div>
<div class="w3-container w3-white">
<p>
<span class="w3-tag w3-black w3-margin-bottom">Fashion</span> <span class="w3-tag w3-light-grey w3-small w3-margin-bottom">Houston</span> <span class="w3-tag w3-light-grey w3-small w3-margin-bottom">sex</span>
<span class="w3-tag w3-light-grey w3-small w3-margin-bottom">sextoys</span> <span class="w3-tag w3-light-grey w3-small w3-margin-bottom">Norway</span> <span class="w3-tag w3-light-grey w3-small w3-margin-bottom">SexSweaters</span>
<span class="w3-tag w3-light-grey w3-small w3-margin-bottom">Ideas</span> <span class="w3-tag w3-light-grey w3-small w3-margin-bottom">Deals</span> <span class="w3-tag w3-light-grey w3-small w3-margin-bottom">Sex Accessories</span>
<span class="w3-tag w3-light-grey w3-small w3-margin-bottom">News</span> <span class="w3-tag w3-light-grey w3-small w3-margin-bottom">Clothing</span> <span class="w3-tag w3-light-grey w3-small w3-margin-bottom">Shopping</span>
<span class="w3-tag w3-light-grey w3-small w3-margin-bottom">Jeans</span> <span class="w3-tag w3-light-grey w3-small w3-margin-bottom">Trends</span>
</p>
</div>
</div>
<hr>
<!-- Inspiration -->
<div class="w3-white w3-margin">
<div class="w3-container w3-padding w3-black">
<h4>Inspiration</h4>
</div>
<div class="w3-row-padding w3-white">
<div class="w3-col s6">
<p><img src="/w3images/jeans.jpg" alt="Jeans" style="width:100%"></p>
<p><img src="/w3images/team1.jpg" alt="Jeans" style="width:100%"></p>
</div>
<div class="w3-col s6">
<p><img src="/w3images/avatar_hat.jpg" alt="Men in Hats" style="width:100%" class="w3-grayscale"></p>
<p><img src="/w3images/team4.jpg" alt="Jeans" style="width:100%"></p>
</div>
</div>
</div>
<hr>
<div class="w3-white w3-margin">
<div class="w3-container w3-padding w3-black">
<h4>Follow Me</h4>
</div>
<div class="w3-container w3-xlarge w3-padding">
<i class="fa fa-facebook-official w3-hover-opacity"></i>
<i class="fa fa-instagram w3-hover-opacity"></i>
<i class="fa fa-snapchat w3-hover-opacity"></i>
<i class="fa fa-pinterest-p w3-hover-opacity"></i>
<i class="fa fa-twitter w3-hover-opacity"></i>
<i class="fa fa-linkedin w3-hover-opacity"></i>
</div>
</div>
<hr>
<!-- Subscribe -->
<div class="w3-white w3-margin">
<div class="w3-container w3-padding w3-black">
<h4>Subscribe</h4>
</div>
<div class="w3-container w3-white">
<p>Enter your e-mail below and get notified on the latest blog posts.</p>
<p><input class="w3-input w3-border" type="text" placeholder="Enter e-mail" style="width:100%"></p>
<p><button type="button" onclick="document.getElementById('subscribe').style.display='block'" class="w3-button w3-block w3-red">Subscribe</button></p>
</div>
</div>
<!-- END About/Intro Menu -->
</div>
<!-- END GRID -->
</div>
<!-- END w3-content -->
</div>
<!-- Subscribe Modal -->
<div id="subscribe" class="w3-modal w3-animate-opacity">
<div class="w3-modal-content" style="padding:32px">
<div class="w3-container w3-white">
<i onclick="document.getElementById('subscribe').style.display='none'" class="fa fa-remove w3-transparent w3-button w3-xlarge w3-right"></i>
<h2 class="w3-wide">SUBSCRIBE</h2>
<p>Join my mailing list to receive updates on the latest blog posts and other things.</p>
<p><input class="w3-input w3-border" type="text" placeholder="Enter e-mail"></p>
<button type="button" class="w3-button w3-block w3-padding-large w3-red w3-margin-bottom" onclick="document.getElementById('subscribe').style.display='none'">Subscribe</button>
</div>
</div>
</div>
<!-- Footer -->
<footer class="w3-container w3-dark-grey" style="padding:32px">
<a href="#" class="w3-button w3-black w3-padding-large w3-margin-bottom"><i class="fa fa-arrow-up w3-margin-right"></i>To the top</a>
<p>Powered by <a href="https://www.w3schools.com/w3css/default.asp" target="_blank">ALL FOR GWAP ENTERTAINMENT</a></p>
</footer>
<script>
// Toggle between hiding and showing blog replies/comments
document.getElementById("myBtn").click();
function myFunction(id) {
var x = document.getElementById(id);
if (x.className.indexOf("w3-show") == -1) {
x.className += " w3-show";
} else {
x.className = x.className.replace(" w3-show", "");
}
}
function likeFunction(x) {
x.style.fontWeight = "bold";
x.innerHTML = "✓ Liked";
}
</script>
</body>
</html>
