-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtorob-hologram.html
8 lines (8 loc) · 4.43 KB
/
torob-hologram.html
1
2
3
4
5
6
7
8
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Animated Hologram - Taha Mousavi</title><meta name="description" content="Designing an eye catching animated warranty sign for Torob company with SVG and CSS. See the Pen Animated Star Hologram…"><meta name="generator" content="Publii Open-Source CMS for Static Site"><link rel="canonical" href="https://tahamousavi.github.io/torob-hologram.html"><link rel="alternate" type="application/atom+xml" href="https://tahamousavi.github.io/feed.xml"><link rel="alternate" type="application/json" href="https://tahamousavi.github.io/feed.json"><meta property="og:title" content="Animated Hologram"><meta property="og:image" content="https://tahamousavi.github.io/media/posts/21/Hologram-cover2x.jpg"><meta property="og:image:width" content="1600"><meta property="og:image:height" content="1200"><meta property="og:site_name" content="Taha Mousavi"><meta property="og:description" content="Designing an eye catching animated warranty sign for Torob company with SVG and CSS. See the Pen Animated Star Hologram…"><meta property="og:url" content="https://tahamousavi.github.io/torob-hologram.html"><meta property="og:type" content="article"><link rel="stylesheet" href="https://tahamousavi.github.io/assets/css/style.css?v=b1a5fc78c4cf9c158c60d1dc7c392797"><script type="application/ld+json">{"@context":"http://schema.org","@type":"Article","mainEntityOfPage":{"@type":"WebPage","@id":"https://tahamousavi.github.io/torob-hologram.html"},"headline":"Animated Hologram","datePublished":"2021-09-10T17:14","dateModified":"2024-11-23T13:14","image":{"@type":"ImageObject","url":"https://tahamousavi.github.io/media/posts/21/Hologram-cover2x.jpg","height":1200,"width":1600},"description":"Designing an eye catching animated warranty sign for Torob company with SVG and CSS. See the Pen Animated Star Hologram…","author":{"@type":"Person","name":"Taha Mousavi","url":"https://tahamousavi.github.io/authors/taha-mousavi/"},"publisher":{"@type":"Organization","name":"Taha Mousavi"}}</script></head><body><header class="header" id="js-header"><a href="https://tahamousavi.github.io/" class="logo">Taha Mousavi</a><nav class="navbar js-navbar"><button class="navbar__toggle js-toggle" aria-label="Menu"><span class="navbar__toggle-box"><span class="navbar__toggle-inner">Menu</span></span></button><ul class="navbar__menu"><li><a href="https://tahamousavi.github.io/tags/design-tag/" target="_self">Product Design</a></li><li><a href="https://tahamousavi.github.io/tags/illustration-tag/" target="_self">Visuals</a></li><li><a href="https://tahamousavi.github.io/about-me.html" target="_self">About me / CV</a></li></ul></nav></header><main><div class="wrapper"><article class="post"><header class="post__header"><a href="https://tahamousavi.github.io/tags/illustration-tag/" class="post__maintag">Visuals</a><h1 class="post__title">Animated Hologram</h1></header><figure class="post__featured-image"><img src="https://tahamousavi.github.io/media/posts/21/Hologram-cover2x.jpg" height="1200" width="1600" alt=""></figure><div class="post__inner"><div class="post__entry"><p>Designing an eye catching animated warranty sign for Torob company with SVG and CSS.<br><br></p><p class="codepen" style="height: 300px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;" data-height="300" data-default-tab="html,result" data-slug-hash="MWxogYK" data-user="Taha-Mousavi-the-scripter">See the Pen <a href="https://codepen.io/Taha-Mousavi-the-scripter/pen/MWxogYK">Animated Star Hologram</a> by Taha Mousavi (<a href="https://codepen.io/Taha-Mousavi-the-scripter">@Taha-Mousavi-the-scripter</a>) on <a href="https://codepen.io">CodePen</a>.</p><p><script async="" src="https://cpwebassets.codepen.io/assets/embed/ei.js"></script></p></div></div></article></div></main><footer class="footer"><div class="footer__copyright">© 2024 Taha Mousavi</div></footer><script>window.publiiThemeMenuConfig = {
mobileMenuMode: 'sidebar',
animationSpeed: 300,
submenuWidth: 'auto',
doubleClickTime: 500,
mobileMenuExpandableSubmenus: true,
relatedContainerForOverlayMenuSelector: '.navbar',
};</script><script defer="defer" src="https://tahamousavi.github.io/assets/js/scripts.min.js?v=66112a161d5939d966ce2b20c13988d9"></script></body></html>