AMP Template with CSS Grid & Photo Gallery, Header, amp-image-lightbox, amp-sidebar.

<!doctype html>
<html amp lang="en-US">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
<script src="https://cdn.ampproject.org/v0.js" async></script>
<script async custom-element="amp-social-share" src="https://cdn.ampproject.org/v0/amp-social-share-0.1.js"></script>
<script async custom-element="amp-sidebar" src="https://cdn.ampproject.org/v0/amp-sidebar-0.1.js"></script>
<script async custom-element="amp-image-lightbox" src="https://cdn.ampproject.org/v0/amp-image-lightbox-0.1.js"></script>

<style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style>
<noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>

<title>AMP Photo Gallery Template by Marcio Rocon</title>
<meta name="description" content="AMP Template with CSS Grid & Photo Gallery, Header, amp-image-lightbox, amp-sidebar"/>
<link href="https://fonts.googleapis.com/css?family=Montserrat:500,600" rel="stylesheet">
<link rel="canonical" href="https://nataliarocon.com"/>
<link rel="shortcut icon" href="favicon.png">
<link href="https://fonts.gstatic.com" rel="dns-prefetch preconnect" crossorigin>

<style amp-custom>
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;outline:0;padding:0;vertical-align:baseline}*,:before,:after{box-sizing:inherit}
html{box-sizing:border-box;margin:0;height:100%}
body{margin:0;background-color:#f9f9f9;font-family: 'Montserrat', sans-serif;color:#333;font-style:normal;height:100%;font-weight:500}
a:link{color:#333;text-decoration:none;font-weight:600}
a:visited{color:#333;text-decoration:none}
a:hover{color:#333;text-decoration:none}
amp-img{max-width:100%;height:auto}
/* Header & Footer CSS */
#WPHeader {z-index:180;padding-top: 5px;padding-bottom: 7px;margin:0;width:100%;z-index:180;box-shadow:0 1px 2px rgba(0,0,0,0.14);background-image: linear-gradient(to right, #576574, #222f3e );}
#WPHeader amp-img {margin-top: 7px;margin-bottom: 0px;margin-left: 10px;text-align:center;width: 148px;height: 45px}
#WPHeader button {background:transparent;border-radius: 3px;border:2px solid rgba(0,0,0,0.14);cursor:pointer;outline:none;margin-right: 15px;margin-left: -10px;float: right;margin-top: 7px;padding-left: 3px;padding-right: 3px;padding-top: 3px}
#WPFooter{color:#fff;font-size:16px;margin:0;left:0;bottom:0;width:100%;z-index:180;font-weight:600;text-shadow:1px 1px 1px rgba(0,0,0,.3);text-align:center;padding-top: 15px;padding-bottom: 15px;background-image: linear-gradient(to right, #576574, #222f3e );}
#copyrightHolder{margin-top: 15px;font-size: 12px;text-transform: uppercase;}	
	
/* Main Content CSS */
main {min-height:100%;margin:0 auto;padding:0;z-index:176;max-width:1100px;padding-top:40px;padding-bottom:40px;display: grid;grid-template-columns: repeat(12, 1fr);grid-template-rows: auto auto auto;grid-gap:10px;}
article {background:#fff;-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.14);box-shadow:0 1px 2px rgba(0,0,0,0.14);padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;}
article {grid-column: span 3;}
article:hover{-webkit-box-shadow:0 1px 16px rgba(0,0,0,0.14);box-shadow:0 1px 16px rgba(0,0,0,0.14);}
article h1,article h2,article h3,article h4,article h5,article h6{font-size:24px;line-height:26px;display:block;font-weight:600;margin-bottom:10px;color:#333;letter-spacing:-1px}
article p,article q,aside p,aside q{font-size:17px;font-weight:500;line-height:24px;margin-top:5px;margin-bottom:25px;display:block}
article figure{margin-left:-15px;margin-right:-15px;margin-top: -15px;margin-bottom:-15px;position: relative;cursor:pointer;}
article figure amp-img{position:relative;width:100%;}
article figcaption{width: 100%; position: absolute;bottom:0;left:0;color: #fff; background-color:rgba(0,0,0,0.55);text-align: center;padding: 10px;font-size: 12px;text-transform: uppercase;font-weight: 600}	
	
article svg{position: absolute;bottom:80%;left:80%;}	
	
article header ul,article footer ul{margin: 0;margin-bottom:10px;margin-top:10px}
article header li,article footer li{display: inline;color:#555;font-size:14px;text-transform:uppercase;font-weight:600;}

/* Sidebar CSS */
amp-sidebar{background:#fff;color:#333;font-size:2rem;padding:0px 0 0;width:20rem;-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.14);box-shadow:0 1px 2px rgba(0,0,0,0.14);}
amp-sidebar h2,amp-sidebar h3,amp-sidebar h4,amp-sidebar h5{background-color: #f9f9f9;color:#333;font-size:22px;padding-left: 15px;padding-right: 15px;padding-bottom: 7px;padding-top: 10px;font-weight:600;display: block;}
amp-sidebar ul{list-style:none;margin:0;padding:0}
amp-sidebar li{font-size:16px;border-top: 1px solid #eee;padding-left: 15px;padding-right: 15px;padding-top: 5px;padding-bottom: 5px}
amp-sidebar li a{display: block;font-weight: 400;}
amp-sidebar li:last-child{border-bottom: 1px solid #eee;padding-bottom: 5px}
amp-sidebar::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);border-radius: 3px;background-color: #F5F5F5;}
amp-sidebar::-webkit-scrollbar{width: 3px;background-color: #F5F5F5;}
amp-sidebar::-webkit-scrollbar-thumb{-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.3);background-color: #F5F5F5;}

@media (max-width: 1024px) {
main {padding-left:15px;padding-right:15px;padding-bottom:15px;padding-top: 15px;grid-gap:10px;}
article {grid-column: span 4;}}
@media (max-width: 800px) {
main {padding-left:15px;padding-right:15px;padding-bottom:15px;padding-top: 15px;grid-gap:10px;}
article {grid-column: span 6;}}
@media (max-width: 767px) {
article {grid-column: span 6;}article svg{position: absolute;bottom:70%;left:70%;}article figcaption{font-size: 8px;padding: 5px}}
@media (max-width: 320px) {
article svg{position: absolute;bottom:60%;left:60%;}}
	
</style>

</head>

<body>
<meta itemprop="accessibilityControl" content="fullKeyboardControl">
<meta itemprop="accessibilityControl" content="fullMouseControl">
<meta itemprop="accessibilityHazard" content="noFlashingHazard">
<meta itemprop="accessibilityHazard" content="noMotionSimulationHazard">
<meta itemprop="accessibilityHazard" content="noSoundHazard">

<header id="WPHeader">
<a rel="home" href="https://nataliarocon.com"><amp-img title="Natalia Rocon" alt="Natalia Rocon" width="148" height="38" src="https://i1.wp.com/nataliarocon.com/wp-content/uploads/2018/04/logo.png"></amp-img></a>
<button on="tap:SidebarNavigation.toggle" id="Menu" aria-label="Topics"><svg fill="#fff" height="28" viewBox="0 0 24 24" width="28"><path d="M0 0h24v24H0z" fill="none"/><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/></svg></button>
<button on="tap:SidebarTopics.toggle" id="Reviews" aria-label="Reviews"><svg fill="#fff" height="28" viewBox="0 0 24 24" width="28"><path d="M13.5.67s.74 2.65.74 4.8c0 2.06-1.35 3.73-3.41 3.73-2.07 0-3.63-1.67-3.63-3.73l.03-.36C5.21 7.51 4 10.62 4 14c0 4.42 3.58 8 8 8s8-3.58 8-8C20 8.61 17.41 3.8 13.5.67zM11.71 19c-1.78 0-3.22-1.4-3.22-3.14 0-1.62 1.05-2.76 2.81-3.12 1.77-.36 3.6-1.21 4.62-2.58.39 1.29.59 2.65.59 4.04 0 2.65-2.15 4.8-4.8 4.8z"/><path d="M0 0h24v24H0z" fill="none"/></svg></button>
</header>
	

<amp-sidebar id="SidebarNavigation" layout="nodisplay" side="left">
<h2>Categories</h2>
<ul>
<li><a rel="bookmark" title="Blog" href="#">Blog</a></li>
<li><a rel="bookmark" title="People" href="#">People</a></li>
<li><a rel="bookmark" title="Nature" href="#">Nature</a></li>
<li><a rel="bookmark" title="Photography" href="#">Photography</a></li>
<li><a rel="bookmark" title="Architecture" href="#">Architecture</a></li>
<li><a rel="bookmark" title="Fashion" href="#">Fashion</a></li>
<li><a rel="bookmark" title="Business" href="#">Business</a></li>
<li><a rel="bookmark" title="Entertainment" href="#">Entertainment</a></li>
</ul>
</amp-sidebar>
<amp-sidebar id="SidebarTopics" layout="nodisplay" side="left">
<h3>Explore Topics</h3>
<ul>
<li><a title="Make A Wish" href="#">Make A Wish</a></li>
<li><a title="The Morning Dew" href="#">The Morning Dew</a></li>
<li><a title="Purple Haze" href="#">Purple Haze</a></li>
<li><a title="Bridge To Nowhere" href="#">Bridge To Nowhere</a></li>
<li><a title="The Lonely Ladybug" href="#">The Lonely Ladybug</a></li>
<li><a title="Monkeys Take a Bath" href="#">Monkeys Take a Bath</a></li>
<li><a title="Birds of Beauty" href="#">Birds of Beauty</a></li>
<li><a title="Summer Wheat" href="#">Summer Wheat</a></li>
<li><a title="Calm Before The Storm" href="#">Calm Before The Storm</a></li>
<li><a title="Bamboo Shoots" href="#">Bamboo Shoots</a></li>
</ul>
<h4>Explore Topics</h4>
<ul>
<li><a title="Make A Wish" href="#">Make A Wish</a></li>
<li><a title="The Morning Dew" href="#">The Morning Dew</a></li>
<li><a title="Purple Haze" href="#">Purple Haze</a></li>
<li><a title="Bridge To Nowhere" href="#">Bridge To Nowhere</a></li>
<li><a title="The Lonely Ladybug" href="#">The Lonely Ladybug</a></li>
<li><a title="Monkeys Take a Bath" href="#">Monkeys Take a Bath</a></li>
<li><a title="Birds of Beauty" href="#">Birds of Beauty</a></li>
<li><a title="Summer Wheat" href="#">Summer Wheat</a></li>
<li><a title="Calm Before The Storm" href="#">Calm Before The Storm</a></li>
<li><a title="Bamboo Shoots" href="#">Bamboo Shoots</a></li>
</ul>
</amp-sidebar>	



<main>
<article><figure><amp-img on="tap:img-1" role="button" tabindex="0" src="https://nataliarocon.com/wp-content/uploads/2018/09/amp-img-pho-1.jpg" alt="Article Headline" title="Article Headline" layout="responsive" width="400" height="400"></amp-img>
<figcaption>Article Headline</figcaption><svg fill="rgba(0,0,0,0.55)" width="48" height="48" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"/><path d="M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z"/></svg></figure><amp-image-lightbox id="img-1" layout="nodisplay"></amp-image-lightbox></article>

<article><figure><amp-img on="tap:img-2" role="button" tabindex="0" src="https://nataliarocon.com/wp-content/uploads/2018/09/amp-img-pho-2.jpg" alt="Article Headline" title="Article Headline" layout="responsive" width="400" height="400"></amp-img><figcaption>Article Headline</figcaption><svg fill="rgba(0,0,0,0.55)" width="48" height="48" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"/><path d="M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z"/></svg></figure><amp-image-lightbox id="img-2" layout="nodisplay"></amp-image-lightbox></article>

<article><figure><amp-img on="tap:img-3" role="button" tabindex="0" src="https://nataliarocon.com/wp-content/uploads/2018/09/amp-img-pho-3.jpg" alt="Article Headline" title="Article Headline" layout="responsive" width="400" height="400"></amp-img><figcaption>Article Headline</figcaption><svg fill="rgba(0,0,0,0.55)" width="48" height="48" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"/><path d="M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z"/></svg></figure><amp-image-lightbox id="img-3" layout="nodisplay"></amp-image-lightbox></article>

<article><figure><amp-img on="tap:img-4" role="button" tabindex="0" src="https://nataliarocon.com/wp-content/uploads/2018/09/amp-img-pho-4.jpg" alt="Article Headline" title="Article Headline" layout="responsive" width="400" height="400"></amp-img><figcaption>Article Headline</figcaption><svg fill="rgba(0,0,0,0.55)" width="48" height="48" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"/><path d="M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z"/></svg></figure><amp-image-lightbox id="img-4" layout="nodisplay"></amp-image-lightbox></article>
	
<article><figure><amp-img on="tap:img-5" role="button" tabindex="0" src="https://nataliarocon.com/wp-content/uploads/2018/09/amp-img-pho-5.jpg" alt="Article Headline" title="Article Headline" layout="responsive" width="400" height="400"></amp-img><figcaption>Article Headline</figcaption><svg fill="rgba(0,0,0,0.55)" width="48" height="48" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"/><path d="M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z"/></svg></figure><amp-image-lightbox id="img-5" layout="nodisplay"></amp-image-lightbox></article>

<article><figure><amp-img on="tap:img-6" role="button" tabindex="0" src="https://nataliarocon.com/wp-content/uploads/2018/09/amp-img-pho-6.jpg" alt="Article Headline" title="Article Headline" layout="responsive" width="400" height="400"></amp-img><figcaption>Article Headline</figcaption><svg fill="rgba(0,0,0,0.55)" width="48" height="48" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"/><path d="M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z"/></svg></figure><amp-image-lightbox id="img-6" layout="nodisplay"></amp-image-lightbox></article>
	
<article><figure><amp-img on="tap:img-7" role="button" tabindex="0" src="https://nataliarocon.com/wp-content/uploads/2018/09/amp-img-pho-7.jpg" alt="Article Headline" title="Article Headline" layout="responsive" width="400" height="400"></amp-img><figcaption>Article Headline</figcaption><svg fill="rgba(0,0,0,0.55)" width="48" height="48" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"/><path d="M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z"/></svg></figure><amp-image-lightbox id="img-7" layout="nodisplay"></amp-image-lightbox></article>
	
<article><figure><amp-img on="tap:img-8" role="button" tabindex="0" src="https://nataliarocon.com/wp-content/uploads/2018/09/amp-img-pho-8.jpg" alt="Article Headline" title="Article Headline" layout="responsive" width="400" height="400"></amp-img><figcaption>Article Headline</figcaption><svg fill="rgba(0,0,0,0.55)" width="48" height="48" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"/><path d="M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z"/></svg></figure><amp-image-lightbox id="img-8" layout="nodisplay"></amp-image-lightbox></article>
	
<article><figure><amp-img on="tap:img-9" role="button" tabindex="0" src="https://nataliarocon.com/wp-content/uploads/2018/09/amp-img-pho-9.jpg" alt="Article Headline" title="Article Headline" layout="responsive" width="400" height="400"></amp-img><figcaption>Article Headline</figcaption><svg fill="rgba(0,0,0,0.55)" width="48" height="48" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"/><path d="M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z"/></svg></figure><amp-image-lightbox id="img-9" layout="nodisplay"></amp-image-lightbox></article>
	
<article><figure><amp-img on="tap:img-10" role="button" tabindex="0" src="https://nataliarocon.com/wp-content/uploads/2018/09/amp-img-pho-10.jpg" alt="Article Headline" title="Article Headline" layout="responsive" width="400" height="400"></amp-img><figcaption>Article Headline</figcaption><svg fill="rgba(0,0,0,0.55)" width="48" height="48" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"/><path d="M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z"/></svg></figure><amp-image-lightbox id="img-10" layout="nodisplay"></amp-image-lightbox></article>

<article><figure><amp-img on="tap:img-11" role="button" tabindex="0" src="https://nataliarocon.com/wp-content/uploads/2018/09/amp-img-pho-11.jpg" alt="Article Headline" title="Article Headline" layout="responsive" width="400" height="400"></amp-img><figcaption>Article Headline</figcaption><svg fill="rgba(0,0,0,0.55)" width="48" height="48" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"/><path d="M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z"/></svg></figure><amp-image-lightbox id="img-11" layout="nodisplay"></amp-image-lightbox></article>

<article><figure><amp-img on="tap:img-12" role="button" tabindex="0" src="https://nataliarocon.com/wp-content/uploads/2018/09/amp-img-pho-12.jpg" alt="Article Headline" title="Article Headline" layout="responsive" width="400" height="400"></amp-img><figcaption>Article Headline</figcaption><svg fill="rgba(0,0,0,0.55)" width="48" height="48" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"/><path d="M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z"/></svg></figure><amp-image-lightbox id="img-12" layout="nodisplay"></amp-image-lightbox></article>

</main>

	
<footer id="WPFooter">
<a href="https://plus.google.com/" title="Google+" rel="noopener" target="_blank"><svg fill="#fff" height="36" viewBox="0 0 24 24" width="36"><title>Google+</title><path d="M7.635 10.909v2.619h4.335c-.173 1.125-1.31 3.295-4.331 3.295-2.604 0-4.731-2.16-4.731-4.823 0-2.662 2.122-4.822 4.728-4.822 1.485 0 2.479.633 3.045 1.178l2.073-1.994c-1.33-1.245-3.056-1.995-5.115-1.995C3.412 4.365 0 7.785 0 12s3.414 7.635 7.635 7.635c4.41 0 7.332-3.098 7.332-7.461 0-.501-.054-.885-.12-1.265H7.635zm16.365 0h-2.183V8.726h-2.183v2.183h-2.182v2.181h2.184v2.184h2.189V13.09H24"/></svg></a>
	
<a title="Facebook" href="https://www.facebook.com/" rel="noopener" target="_blank"><svg fill="#fff" height="36" viewBox="0 0 24 24" width="36"><title>Facebook</title><path d="M22.676 0H1.324C.593 0 0 .593 0 1.324v21.352C0 23.408.593 24 1.324 24h11.494v-9.294H9.689v-3.621h3.129V8.41c0-3.099 1.894-4.785 4.659-4.785 1.325 0 2.464.097 2.796.141v3.24h-1.921c-1.5 0-1.792.721-1.792 1.771v2.311h3.584l-.465 3.63H16.56V24h6.115c.733 0 1.325-.592 1.325-1.324V1.324C24 .593 23.408 0 22.676 0"/></svg></a>
	
<a title="Twitter" href="https://twitter.com/" rel="noopener" target="_blank"><svg fill="#fff" height="36" viewBox="0 0 24 24" width="36"><title>Twitter</title><path d="M23.954 4.569c-.885.389-1.83.654-2.825.775 1.014-.611 1.794-1.574 2.163-2.723-.951.555-2.005.959-3.127 1.184-.896-.959-2.173-1.559-3.591-1.559-2.717 0-4.92 2.203-4.92 4.917 0 .39.045.765.127 1.124C7.691 8.094 4.066 6.13 1.64 3.161c-.427.722-.666 1.561-.666 2.475 0 1.71.87 3.213 2.188 4.096-.807-.026-1.566-.248-2.228-.616v.061c0 2.385 1.693 4.374 3.946 4.827-.413.111-.849.171-1.296.171-.314 0-.615-.03-.916-.086.631 1.953 2.445 3.377 4.604 3.417-1.68 1.319-3.809 2.105-6.102 2.105-.39 0-.779-.023-1.17-.067 2.189 1.394 4.768 2.209 7.557 2.209 9.054 0 13.999-7.496 13.999-13.986 0-.209 0-.42-.015-.63.961-.689 1.8-1.56 2.46-2.548l-.047-.02z"/></svg></a>
<div id="copyrightHolder">© Copyright 2013-2018. NataliaRocon.com<br>All Rights Reserved</div>
</footer>

</body>
</html>

// Code goes here

/* Styles go here */