<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Atema Free Website Template | Free CSS Templates | Free CSS</title>
<meta name="description" content="Preview of the Atema Free CSS Template from HTML Design">
<meta name="keywords" content="Free CSS, Free CSS Templates, CSS Website Templates, Templates, Free Templates, CSS, Web Site Templates, Free CSS Menus">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/profile/styles/layout.css" type="text/css" media="all">
<link rel="shortcut icon" href="/profile/favicon.ico" type="image/x-icon">
<link rel="icon" href="/profile/favicon.ico" type="image/x-icon">
<link rel="alternate" href="/feed.xml" type="application/rss+xml" title="Latest Free Website Templates from Free CSS">
<link rel="canonical" href="https://www.free-css.com/free-css-templates/page289/atema">
<link rel="stylesheet" href="/profile/scripts/greybox/gb_styles.css" type="text/css">
<script>var GB_ROOT_DIR = "https://www.free-css.com/profile/scripts/greybox/";</script>
<script src="/profile/scripts/greybox/AJS.js"></script>
<script src="/profile/scripts/greybox/gb_scripts.js"></script>
</head>
<body>
<div class="wrapper row1">
<div id="topbar" class="clear">
<nav><ul><li><a href="/" title="Home">Home</a></li><li><a href="/submit-a-template" title="Submit a Free CSS Template">Submit a Template</a></li><li><a href="/contact-us" title="Contact Us">Contact Us</a></li><li><a href="/search" title="Search">Search</a></li><li><a href="/advertise" title="Advertise">Advertise</a></li></ul></nav>
</div>
</div>
<div class="wrapper row2">
<header id="header">
<div id="hgroup">
<h1><a href="https://www.free-css.com/" title="Free CSS">Free CSS</a></h1>
<h2>Free CSS Templates, CSS Layouts & More!</h2>
</div>
<div class="ostbanner"><a href="//www.os-templates.com/"><img src="/assets/images/ost-468x60.jpg" alt="Free and Premium Website Templates" title="Download Free Website Templates"></a></div>
<div id="topbanner"><div id="bsap_1306116" class="bsarocks bsap_b893e54e42ad5b76e7b252f59be18e67"></div></div>
<nav id="topnav"><ul><li><a href="/free-css-templates" title="Free CSS Templates">Free CSS Templates</a></li><li><a href="/commercial-templates" title="Premium CSS Templates">Premium CSS Templates</a></li><li><a href="/free-css-layouts" title="Free CSS Layouts">Free CSS Layouts</a></li><li><a href="/free-css-menus" title="Free CSS Menus">Free CSS Menus</a></li></ul></nav>
</header>
</div>
<div class="wrapper row3">
<div id="shout">
<div id="bsap_2365" class="bsarocks bsap_b893e54e42ad5b76e7b252f59be18e67"></div>
</div>
</div>
<div class="wrapper row4">
<div id="container">
<div id="content">
<h1><span>Atema Free CSS Template</span></h1>
<div id="prevdetails" class="clear">
<div class="fl_left">
<ul class="social clear">
<li><a rel="nofollow noopener" target="_blank" title="facebook" href="http://www.facebook.com/share.php?u=https%3A%2F%2Fwww.free-css.com%2Ffree-css-templates%2Fpage289%2Fatema&t=Atema"><span><em>facebook</em></span></a></li>
<li><a rel="nofollow noopener" target="_blank" title="twitter" href="http://twitter.com/home?status=Atema%20-%20https%3A%2F%2Fwww.free-css.com%2Ffree-css-templates%2Fpage289%2Fatema"><span><em>twitter</em></span></a></li>
<li><a rel="nofollow noopener" target="_blank" title="google" href="http://www.google.com/bookmarks/mark?op=edit&bkmk=https%3A%2F%2Fwww.free-css.com%2Ffree-css-templates%2Fpage289%2Fatema&title=Atema&annotation=Atema"><span><em>google</em></span></a></li>
<li><a rel="nofollow noopener" target="_blank" title="reddit" href="http://reddit.com/submit?url=https%3A%2F%2Fwww.free-css.com%2Ffree-css-templates%2Fpage289%2Fatema&title=Atema"><span><em>reddit</em></span></a></li>
<li><a rel="nofollow noopener" target="_blank" title="stumbleupon" href="http://www.stumbleupon.com/submit?url=https%3A%2F%2Fwww.free-css.com%2Ffree-css-templates%2Fpage289%2Fatema&title=Atema"><span><em>stumbleupon</em></span></a></li>
</ul>
<img src="/assets/images/free-css-templates/page289/atema.jpg" alt="Atema Free CSS Template" title="Atema">
</div>
<div class="fl_right">
<ul>
<li class="authorname" title="Templates Author"><strong>HTML Design</strong></li>
<li class="doctype" title="Doctype Used">HTML 5</li>
<li class="layout" title="Website Layout">Responsive, 3 Columns</li>
<li class="contrast" title="Colour Contrast">Mixed</li>
<li class="colours" title="Main Colours Used">
<ul>
<li><img src="/profile/images/preview/colours/blue.gif" alt="Blue Icon" title="Blue"></li><li><img src="/profile/images/preview/colours/brown.gif" alt="Brown Icon" title="Brown"></li><li><img src="/profile/images/preview/colours/red.gif" alt="Red Icon" title="Red"></li><li><img src="/profile/images/preview/colours/white.gif" alt="White Icon" title="White"></li>
</ul>
</li>
<li class="licence" title="Template Licence Type"><a href="/help-and-support/copyright-notice#terms-of-use">Creative Commons</a></li>
<li class="added last" title="Published on">03 March 2023</li>
</ul>
</div>
<div class="tags"><ul><li><a href="/template-categories/bootstrap" title="View More Bootstrap Website Templates">Bootstrap</a></li><li><a href="/template-categories/jquery" title="View More jQuery Website Templates">jQuery</a></li><li><a href="/template-categories/law" title="View More Law Website Templates">Law</a></li><li><a href="/template-categories/lawyer-or-legal" title="View More Lawyer or Legal Website Templates">Lawyer or Legal</a></li><li><a href="/template-categories/politics" title="View More Politics Website Templates">Politics</a></li><li><a href="/template-categories/responsive" title="View More Responsive Website Templates">Responsive</a></li></ul></div>
<div class="buttons">
<ul class="clear">
<li class="dld"><a rel="nofollow" href="/assets/files/free-css-templates/download/page289/atema.zip" download="Atema Free Website Template - Free-CSS.com.zip" title="Download the Atema website template">Download</a></li>
<li class="demo"><a onclick="return GB_showFullScreen('Atema Template Demo', this.href)" href="/assets/files/free-css-templates/preview/page289/atema/">Live Demo</a></li>
</ul>
</div>
</div>
<nav class="pagination">
<ul class="prvnxt clear"><li><a href="/free-css-templates/page289/greenhost" title="GreenHost Free CSS Template">« GreenHost Template</a></li><li><a href="/free-css-templates/page289" title="Website Templates">Templates</a></li><li><a href="/free-css-templates/page289/ben-resume" title="Ben Resume Free CSS Template">Ben Resume Template »</a></li></ul>
</nav>
</div>
<aside id="right_column">
<div id="bsa">
<h6><span>Our Sponsors</span></h6>
<div id="bsap_1279659" class="bsarocks bsap_b893e54e42ad5b76e7b252f59be18e67"></div>
<div id="bsap_1635" class="bsarocks bsap_b893e54e42ad5b76e7b252f59be18e67"></div>
<div class="clear"></div>
</div>
</aside>
<div class="clear"></div>
</div>
</div>
<div class="wrapper row5">
<footer id="copyright" class="clear">
<p class="fl_left">Copyright © 2007 - 2023 - <a href="https://www.free-css.com/" title="Free CSS">Free CSS</a>. All Rights Reserved</p>
<p class="fl_right"><a href="/sitemap.xml">XML Sitemap</a> | <a href="/help-and-support/privacy-policy">Privacy</a></p>
</footer>
</div>
<script src="/profile/scripts/jquery-latest.min.js"></script>
<script src="/profile/scripts/jquery.divascookies.min.js"></script>
<script>
(function(){
var bsa = document.createElement('script');
bsa.type = 'text/javascript';
bsa.async = true;
bsa.src = '//s3.buysellads.com/ac/bsa.js';
(document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(bsa);
})();
if (window != top) top.location.href = location.href;
jQuery(document).ready(function($){ $('img').removeAttr('width height'); });
var gaProperty = 'UA-120201777-1';
var disableStr = 'ga-disable-' + gaProperty;if (document.cookie.indexOf(disableStr + '=true') > -1) {window[disableStr] = true;}
function gaOptout() {document.cookie = disableStr + '=true; expires=Thu, 31 Dec 2045 23:59:59 UTC; path=/';window[disableStr] = true;alert('Google Tracking has been deactivated');}
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','//www.google-analytics.com/analytics.js','ga');ga('create', 'UA-120201777-1', 'auto');ga('set', 'anonymizeIp', true);ga('send', 'pageview');
</script>
</body>
</html>