File: /home/slfopp7cb1df/public_html/showcase.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1" name="viewport">
<link href="https://fonts.googleapis.com/css?family=Roboto:400,500,500i,700&display=swap&subset=cyrillic" rel="stylesheet">
<title>Showcase | USCTM</title>
<link href="css/style.css" rel="stylesheet">
<link href="favicon.png" rel="shortcut icon" type="image/x-icon">
<link href="favicon.png" rel="icon" type="image/x-icon">
<meta content="IE=edge" http-equiv="X-UA-Compatible">
<meta content="#3D0082" name="msapplication-TileColor">
<meta content="#3D0082" name="theme-color">
</head>
<body>
<div class="container" id="container">
<svg class="shape-overlays" preserveaspectratio="none" viewbox="0 0 100 100">
<defs>
<lineargradient id="gradient1" x1="0%" x2="0%" y1="0%" y2="100%">
<stop offset="0%" stop-color="#F7973B"></stop>
<stop offset="100%" stop-color="#FF00A9"></stop>
</lineargradient>
<lineargradient id="gradient2" x1="0%" x2="0%" y1="0%" y2="100%">
<stop offset="0%" stop-color="#E200FF"></stop>
<stop offset="100%" stop-color="#00FFE2"></stop>
</lineargradient>
<lineargradient id="gradient3" x1="0%" x2="0%" y1="0%" y2="100%">
<stop offset="0%" stop-color="#110046"></stop>
<stop offset="100%" stop-color="#32004a"></stop>
</lineargradient>
</defs>
<path class="shape-overlays__path" d=""></path>
<path class="shape-overlays__path" d=""></path>
<path class="shape-overlays__path" d=""></path>
</svg>
<div class="menu" id="global-menu__item">
<div class="wrap">
<div class="wrap_float">
<div class="right">
<ul>
<li>
<a href="index.html">Home</a>
</li>
<li>
<a href="showcase.html">Showcase</a>
</li>
<li>
<a href="services.html">Services</a>
</li>
<li>
<a href="about.html">About us</a>
</li>
<li class="dropdown_li">
<a class="dropdown_a" href="blog.html">Blog</a>
<ul>
<li>
<a href="blog.html">General Fullwidth</a>
</li>
<li>
<a href="blog-right-sidebar.html">General Right Sidebar</a>
</li>
<li>
<a href="blog.html">Single Fullwidth</a>
</li>
<li>
<a href="blog-single-sidebar.html">Single Right Sidebar</a>
</li>
<li>
<a href="blog-search-result.html">Search results</a>
</li>
<li>
<a href="blog-search-no-results.html">No results</a>
</li>
</ul>
</li>
<li>
<a href="404.html">404 page</a>
</li>
</ul>
</div>
<div class="left">
<div class="title">
Contacts
</div>
<div class="tel">
<a href="#">+1(217)303-2334</a>
</div>
<div class="email">
<a href="mailto:shane.conrad@usctm.com"
>shane.conrad@usctm.com</a>
</div>
<div class="link js-modal-form">
Let’s be in touch
</div>
<div class="mob-socials">
<a href="#" class="behance"></a>
<a href="#" class="instagram"></a>
<a href="#" class="twitter"></a>
</div>
</div>
</div>
</div>
</div>
<div class="hum_btn hamburger" id="menu-hamburger">
<svg class="ham hamRotate ham7" viewbox="0 0 100 100">
<path class="line top" d="m 70,33 h -40 c 0,0 -6,1.368796 -6,8.5 0,7.131204 6,8.5013 6,8.5013 l 20,-0.0013"></path>
<path class="line middle" d="m 70,50 h -40"></path>
<path class="line bottom" d="m 69.575405,67.073826 h -40 c -5.592752,0 -6.873604,-9.348582 1.371031,-9.348582 8.244634,0 19.053564,21.797129 19.053564,12.274756 l 0,-40"></path>
</svg>
</div>
<div class="single-page showcase" id="showcase">
<div class="left-socials black">
<a class="instagram" href="#"></a> <a class="twitter" href="#"></a> <a class="behance" href="#"></a>
</div>
<div class="top_panel">
<div class="wrap">
<div class="wrap_float">
<a class="logo" href="/"></a>
</div>
</div>
</div>
<header class="page--head">
<div class="wrap">
<div class="wrap_float">
<h1 class="title" style="max-width: 505px;">Showcase any about our small digital factory</h1>
</div>
</div>
</header>
<div class="tabs-section" id="client-block">
<div class="wrap">
<div class="wrap_float">
<div class="tabs">
<a class="tab active"><span>Show All</span></a>
<a class="tab"><span>Branding</span></a>
<a class="tab"><span>Digital</span></a>
<a class="tab"><span>Pictures</span></a>
<a class="tab"><span>Video</span></a>
</div>
<div class="mobile-select" id="mobile-select-wrap">
<div class="value">
<span>Show All</span>
</div>
<select id="js-mobile-select">
<option value="Show All">
Show All
</option>
<option value="Branding">
Branding
</option>
<option value="Digital">
Digital
</option>
<option value="Pictures">
Pictures
</option>
<option value="Video">
Video
</option>
</select>
</div>
</div>
</div>
</div>
<section class="portfolio" id="portfolio">
<div class="portfolio-block opened" id="portfolio-block-1" style="display: block;">
<div class="section_content">
<a class="item" href="single.html">
<div class="sq_parent">
<div class="sq_wrap">
<div class="sq_content">
<div class="img" style="background-image: url(https://via.placeholder.com/640x553)"></div>
<div class="info">
<h3 class="item-title">What you were<br>
looking for</h3>
<p class="item-category">Rebranding</p>
</div>
</div>
</div>
</div>
</a>
<a class="item" href="single.html">
<div class="sq_parent">
<div class="sq_wrap">
<div class="sq_content">
<div class="img" style="background-image: url(https://via.placeholder.com/640x553)"></div>
<div class="info">
<h3 class="item-title">More than just<br>
a template</h3>
<p class="item-category">Digital</p>
</div>
</div>
</div>
</div>
</a>
<a class="item" href="single.html">
<div class="sq_parent">
<div class="sq_wrap">
<div class="sq_content">
<div class="img" style="background-image: url(https://via.placeholder.com/640x553)"></div>
<div class="info">
<h3 class="item-title">Minimalism<br>
attracts</h3>
<p class="item-category">Pictures</p>
</div>
</div>
</div>
</div>
</a>
<a class="item" href="single.html">
<div class="sq_parent">
<div class="sq_wrap">
<div class="sq_content">
<div class="img" style="background-image: url(https://via.placeholder.com/640x553)"></div>
<div class="info">
<h3 class="item-title">Every minute<br>
is amazing</h3>
<p class="item-category">Video</p>
</div>
</div>
</div>
</div>
</a>
<a class="item" href="single.html">
<div class="sq_parent">
<div class="sq_wrap">
<div class="sq_content">
<div class="img" style="background-image: url(https://via.placeholder.com/640x553)"></div>
<div class="info">
<h3 class="item-title">Color energy</h3>
<p class="item-category">Rebranding</p>
</div>
</div>
</div>
</div>
</a>
<a class="item" href="single.html">
<div class="sq_parent">
<div class="sq_wrap">
<div class="sq_content">
<div class="img" style="background-image: url(https://via.placeholder.com/640x553)"></div>
<div class="info">
<h3 class="item-title">The future has<br>
already come</h3>
<p class="item-category">Pictures</p>
</div>
</div>
</div>
</div>
</a>
</div>
</div>
<div class="portfolio-block" id="portfolio-block-2">
<div class="section_content">
<a class="item" href="single.html">
<div class="sq_parent">
<div class="sq_wrap">
<div class="sq_content">
<div class="img" style="background-image: url(https://via.placeholder.com/640x553)"></div>
<div class="info">
<h3 class="item-title">Every minute<br>
is amazing</h3>
<p class="item-category">Video</p>
</div>
</div>
</div>
</div>
</a>
<a class="item" href="single.html">
<div class="sq_parent">
<div class="sq_wrap">
<div class="sq_content">
<div class="img" style="background-image: url(https://via.placeholder.com/640x553)"></div>
<div class="info">
<h3 class="item-title">Color energy</h3>
<p class="item-category">Rebranding</p>
</div>
</div>
</div>
</div>
</a>
<a class="item" href="single.html">
<div class="sq_parent">
<div class="sq_wrap">
<div class="sq_content">
<div class="img" style="background-image: url(https://via.placeholder.com/640x553)"></div>
<div class="info">
<h3 class="item-title">The future has<br>
already come</h3>
<p class="item-category">Pictures</p>
</div>
</div>
</div>
</div>
</a>
<a class="item" href="single.html">
<div class="sq_parent">
<div class="sq_wrap">
<div class="sq_content">
<div class="img" style="background-image: url(https://via.placeholder.com/640x553)"></div>
<div class="info">
<h3 class="item-title">What you were<br>
looking for</h3>
<p class="item-category">Rebranding</p>
</div>
</div>
</div>
</div>
</a>
<a class="item" href="single.html">
<div class="sq_parent">
<div class="sq_wrap">
<div class="sq_content">
<div class="img" style="background-image: url(https://via.placeholder.com/640x553)"></div>
<div class="info">
<h3 class="item-title">More than just<br>
a template</h3>
<p class="item-category">Digital</p>
</div>
</div>
</div>
</div>
</a>
<a class="item" href="single.html">
<div class="sq_parent">
<div class="sq_wrap">
<div class="sq_content">
<div class="img" style="background-image: url(https://via.placeholder.com/640x553)"></div>
<div class="info">
<h3 class="item-title">Minimalism<br>
attracts</h3>
<p class="item-category">Pictures</p>
</div>
</div>
</div>
</div>
</a>
</div>
</div>
<div class="portfolio-block" id="portfolio-block-3">
<div class="section_content">
<a class="item" href="single.html">
<div class="sq_parent">
<div class="sq_wrap">
<div class="sq_content">
<div class="img" style="background-image: url(https://via.placeholder.com/640x553)"></div>
<div class="info">
<h3 class="item-title">The digital world<br>
is beautiful</h3>
<p class="item-category">Rebranding</p>
</div>
</div>
</div>
</div>
</a>
<a class="item" href="single.html">
<div class="sq_parent">
<div class="sq_wrap">
<div class="sq_content">
<div class="img" style="background-image: url(https://via.placeholder.com/640x553)"></div>
<div class="info">
<h3 class="item-title">Give vent to<br>
your feelings</h3>
<p class="item-category">Digital</p>
</div>
</div>
</div>
</div>
</a>
<a class="item" href="single.html">
<div class="sq_parent">
<div class="sq_wrap">
<div class="sq_content">
<div class="img" style="background-image: url(https://via.placeholder.com/640x553)"></div>
<div class="info">
<h3 class="item-title">Riot of<br>
emotions</h3>
<p class="item-category">Rebranding</p>
</div>
</div>
</div>
</div>
</a>
<a class="item" href="single.html">
<div class="sq_parent">
<div class="sq_wrap">
<div class="sq_content">
<div class="img" style="background-image: url(https://via.placeholder.com/640x553)"></div>
<div class="info">
<h3 class="item-title">Every minute<br>
is amazing</h3>
<p class="item-category">Video</p>
</div>
</div>
</div>
</div>
</a>
<a class="item" href="single.html">
<div class="sq_parent">
<div class="sq_wrap">
<div class="sq_content">
<div class="img" style="background-image: url(https://via.placeholder.com/640x553)"></div>
<div class="info">
<h3 class="item-title">Color energy</h3>
<p class="item-category">Rebranding</p>
</div>
</div>
</div>
</div>
</a>
<a class="item" href="single.html">
<div class="sq_parent">
<div class="sq_wrap">
<div class="sq_content">
<div class="img" style="background-image: url(https://via.placeholder.com/640x553)"></div>
<div class="info">
<h3 class="item-title">The future has<br>
already come</h3>
<p class="item-category">Pictures</p>
</div>
</div>
</div>
</div>
</a>
</div>
</div>
<div class="portfolio-block" id="portfolio-block-4">
<div class="section_content">
<a class="item" href="single.html">
<div class="sq_parent">
<div class="sq_wrap">
<div class="sq_content">
<div class="img" style="background-image: url(https://via.placeholder.com/640x553)"></div>
<div class="info">
<h3 class="item-title">The digital world<br>
is beautiful</h3>
<p class="item-category">Rebranding</p>
</div>
</div>
</div>
</div>
</a>
<a class="item" href="single.html">
<div class="sq_parent">
<div class="sq_wrap">
<div class="sq_content">
<div class="img" style="background-image: url(https://via.placeholder.com/640x553)"></div>
<div class="info">
<h3 class="item-title">Give vent to<br>
your feelings</h3>
<p class="item-category">Digital</p>
</div>
</div>
</div>
</div>
</a>
<a class="item" href="single.html">
<div class="sq_parent">
<div class="sq_wrap">
<div class="sq_content">
<div class="img" style="background-image: url(https://via.placeholder.com/640x553)"></div>
<div class="info">
<h3 class="item-title">Riot of<br>
emotions</h3>
<p class="item-category">Rebranding</p>
</div>
</div>
</div>
</div>
</a>
<a class="item" href="single.html">
<div class="sq_parent">
<div class="sq_wrap">
<div class="sq_content">
<div class="img" style="background-image: url(https://via.placeholder.com/640x553)"></div>
<div class="info">
<h3 class="item-title">The digital world<br>
is beautiful</h3>
<p class="item-category">Rebranding</p>
</div>
</div>
</div>
</div>
</a>
<a class="item" href="single.html">
<div class="sq_parent">
<div class="sq_wrap">
<div class="sq_content">
<div class="img" style="background-image: url(https://via.placeholder.com/640x553)"></div>
<div class="info">
<h3 class="item-title">Give vent to<br>
your feelings</h3>
<p class="item-category">Digital</p>
</div>
</div>
</div>
</div>
</a>
<a class="item" href="single.html">
<div class="sq_parent">
<div class="sq_wrap">
<div class="sq_content">
<div class="img" style="background-image: url(https://via.placeholder.com/640x553)"></div>
<div class="info">
<h3 class="item-title">Riot of<br>
emotions</h3>
<p class="item-category">Rebranding</p>
</div>
</div>
</div>
</div>
</a>
</div>
</div>
<div class="portfolio-block" id="portfolio-block-5">
<div class="section_content">
<a class="item" href="single.html">
<div class="sq_parent">
<div class="sq_wrap">
<div class="sq_content">
<div class="img" style="background-image: url(https://via.placeholder.com/640x553)"></div>
<div class="info">
<h3 class="item-title">Give vent to<br>
your feelings</h3>
<p class="item-category">Digital</p>
</div>
</div>
</div>
</div>
</a>
<a class="item" href="single.html">
<div class="sq_parent">
<div class="sq_wrap">
<div class="sq_content">
<div class="img" style="background-image: url(https://via.placeholder.com/640x553)"></div>
<div class="info">
<h3 class="item-title">Riot of<br>
emotions</h3>
<p class="item-category">Rebranding</p>
</div>
</div>
</div>
</div>
</a>
<a class="item" href="single.html">
<div class="sq_parent">
<div class="sq_wrap">
<div class="sq_content">
<div class="img" style="background-image: url(https://via.placeholder.com/640x553)"></div>
<div class="info">
<h3 class="item-title">The digital world<br>
is beautiful</h3>
<p class="item-category">Rebranding</p>
</div>
</div>
</div>
</div>
</a>
<a class="item" href="single.html">
<div class="sq_parent">
<div class="sq_wrap">
<div class="sq_content">
<div class="img" style="background-image: url(https://via.placeholder.com/640x553)"></div>
<div class="info">
<h3 class="item-title">The digital world<br>
is beautiful</h3>
<p class="item-category">Rebranding</p>
</div>
</div>
</div>
</div>
</a>
<a class="item" href="single.html">
<div class="sq_parent">
<div class="sq_wrap">
<div class="sq_content">
<div class="img" style="background-image: url(https://via.placeholder.com/640x553)"></div>
<div class="info">
<h3 class="item-title">Give vent to<br>
your feelings</h3>
<p class="item-category">Digital</p>
</div>
</div>
</div>
</div>
</a>
<a class="item" href="single.html">
<div class="sq_parent">
<div class="sq_wrap">
<div class="sq_content">
<div class="img" style="background-image: url(https://via.placeholder.com/640x553)"></div>
<div class="info">
<h3 class="item-title">Riot of<br>
emotions</h3>
<p class="item-category">Rebranding</p>
</div>
</div>
</div>
</div>
</a>
</div>
</div>
</section>
</div>
</div>
<footer class="footer">
<div class="wrap">
<div class="wrap_float">
<div class="footer_top">
<h2 class="title">Have an idea or project?<br>
Let’s talk</h2>
<a class="link js-modal-form"><span><span class="link-text">Let’s be in touch</span></span></a>
</div>
<div class="footer_bottom">
<div class="left">
<div class="contact">
<a href="tel:+1 217 303 2334">+1(217)303-2334</a>
<a href="mailto:shane.conrad@usctm.com"
>shane.conrad@usctm.com</a>
</div>
<div class="copyr">
© 2021 USCTM - All rights reserved
</div>
</div>
<div class="right">
Site created by <a href="#">USCTM</a>
</div>
</div>
</div>
</div>
</footer>
<div class="modal_form" id="modal_form">
<div class="wrap">
<div class="wrap_float">
<h2 class="title" data-success="We have received your request, thank you!" style="max-width: 525px;">Tell us about your project, please be descriptive.</h2>
<div class="form_wrap">
<div class="form">
<div class="input_wrap">
<input class="input placeholder js_input" placeholder="Full Name" type="text">
</div>
<div class="input_wrap">
<input class="input placeholder js_input" placeholder="Email" type="text">
</div>
<div class="input_wrap">
<input class="input placeholder js_input" placeholder="Phone" type="text">
</div>
<div class="input_wrap">
<textarea class="textarea placeholder js_input" placeholder="Your Message"></textarea>
</div>
<button class="submit btn js-submit"><span></span> <span class="text">SEND</span></button>
</div>
</div>
<div class="success">
<button class="submit"><span></span> <span class="text">SEND</span></button>
</div>
</div>
</div>
<div class="close active">
<svg class="ham hamRotate ham7" viewbox="0 0 100 100">
<path class="line top" d="m 70,33 h -40 c 0,0 -6,1.368796 -6,8.5 0,7.131204 6,8.5013 6,8.5013 l 20,-0.0013"></path>
<path class="line middle" d="m 70,50 h -40"></path>
<path class="line bottom" d="m 69.575405,67.073826 h -40 c -5.592752,0 -6.873604,-9.348582 1.371031,-9.348582 8.244634,0 19.053564,21.797129 19.053564,12.274756 l 0,-40"></path>
</svg>
</div>
</div>
<script defer src="js/jquery.min.js"></script>
<script defer src="js/slick.min.js"></script>
<script defer src="js/easings.js"></script>
<script defer src="js/jquery.placeholder.label.js"></script>
<script defer src="js/scripts.min.js"></script>
<script defer src="js/webkit-scripts.js"></script>
</body>
</html>