diff options
Diffstat (limited to 'docs/experimentals/viewer-360.html')
-rw-r--r-- | docs/experimentals/viewer-360.html | 14 |
1 files changed, 11 insertions, 3 deletions
diff --git a/docs/experimentals/viewer-360.html b/docs/experimentals/viewer-360.html index 8ee34c2..f508bcc 100644 --- a/docs/experimentals/viewer-360.html +++ b/docs/experimentals/viewer-360.html @@ -201,6 +201,17 @@ <div class="container" id="viewer-360"> <h3 class="s-title">360-Degree Viewer<a class="anchor" href="#viewer-360" aria-hidden="true">#</a></h3> <p><small class="label label-secondary">CSS ONLY</small></p> + <div class="docs-ad"> + <div class="hide-md text-center"> + <script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> + <!-- GitHub-lg--><ins class="adsbygoogle mx-auto" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9894180784"></ins> + <script>(adsbygoogle = window.adsbygoogle || []).push({});</script> + </div> + <div class="show-md text-center"> + <!-- GitHub-sm--><ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9278881734"></ins> + <script>(adsbygoogle = window.adsbygoogle || []).push({});</script> + </div> + </div> <p>360-Degree Viewer is an interactive product photo viewer. It is built in pure CSS. </p> <div class="docs-demo columns"> <div class="column col-12"> @@ -230,9 +241,6 @@ <pre class="code" data-lang="SCSS"><code>@<span class="hljs-keyword">include</span> viewer-slider-size(<span class="hljs-number">36</span>); @<span class="hljs-keyword">include</span> viewer-slider-size(<span class="hljs-number">30</span>); </code></pre> - <div class="docs-ad docs-ad-sidebar text-center"> - <script id="_carbonads_js" async="" type="text/javascript" src="https://cdn.carbonads.com/carbon.js?serve=CK7DTKQW&placement=picturepan2githubio"></script> - </div> </div> <div class="docs-footer container grid-lg" id="copyright"> <p><a href="https://github.com/picturepan2/spectre" target="_blank">GitHub</a> · <a href="https://twitter.com/spectrecss" target="_blank">Twitter</a> · <a href="https://www.paypal.me/picturepan2" target="_blank">PayPal Donate</a> · <a href="https://www.patreon.com/spectrecss" target="_blank">Patreon Sponsor</a> · Version <span class="version"></span></p> |