-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathportfolio.html
102 lines (101 loc) · 7.79 KB
/
portfolio.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
<!DOCTYPE html>
<html lang='en'>
<head>
<!-- Base Info -->
<meta charset='utf-8'/> <!--Setting document to UTF-8-->
<meta content='width-device-width, initial-scale=1.0' name='viewport'/>
<meta name='keywords' content='style,html,css,page,headers'/> <!--Setting basic description & info-->
<meta name='description' content='Welcome to my website. Here you can download free stuff, look at my portfolio, buy merch, and more!'/>
<meta name='author' content='Mack'/>
<meta name='robots' content='index, follow'/>
<meta name="google-site-verification" content="zI4ReyW17rDregFpRqXQeuboyq1lW2IK5WiADOPwbJU" />
<title>Portfolio - MAKC</title>
<!-- Favicons -->
<link href='/images/favicons/favicon.ico' rel='icon' type='image/ico'/>
<link href='/images/favicons/favicon.png' rel='icon' type='image/png'/>
<link href='/images/favicons/apple-touch-icon.png' rel='apple-touch-icon'/>
<link href='/images/favicons/ios-ipad-144x144.png' sizes='144x144' rel='apple-touch-icon-precomposed'/>
<link href='/images/favicons/ios-iphone-114x144.png' sizes='114x114' rel='apple-touch-icon-precomposed'/>
<link href='/images/favicons/ios-default-homescreen-57x57.png' sizes='57x57' rel='apple-touch-icon-precomposed'/>
<!-- Imports -->
<link rel='stylesheet' href='https://use.fontawesome.com/releases/v5.8.1/css/all.css' integrity='sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf' crossorigin='anonymous'/>
<link href='/css/style.css' rel='stylesheet'/>
<script src="/script/menu.js"></script>
</head>
<div id="mobile-links">
<div class="mobile-links-container">
<ul>
<li class="mobile"><a href="https://www.youtube.com/channel/UCWh6YtclgTAzReTASc4uSKw/" target="_blank" title="My YouTube Channel">Videos</a></li><br>
<li class="mobile"><a href="/portfolio.html" title="My Motion Graphics Work">Portfolio</a></li><br>
<li class="mobile"><a href="/downloads.html" title="Download free stuff">Downloads</a></li><br>
<li class="mobile"><a href="/merch.html" title="Check out My Merch">Merch</a></li><br>
<li class="mobile"><a href="https://makccr.medium.com" target="_blank" title="My Medium Blog">Blog</a></li><br>
</ul>
</div>
</div>
<header>
<div class="header-flex">
<a href="/index.html" title="Homepage"><div class="logo"></div></a>
<nav>
<ul class="linksB">
<li><a href="https://www.youtube.com/channel/UCWh6YtclgTAzReTASc4uSKw/" target="_blank" title="My YouTube Channel">Videos</a></li>
<li><a href="/portfolio.html" title="My Motion Graphics Work">Portfolio</a></li>
<li><a href="/downloads.html" title="Download free stuff">Downloads</a></li>
<li><a href="/merch.html">Merch</a></li>
<li><a href="https://makccr.medium.com" target="_blank" title="My Medium Blog">Blog</a></li>
</ul>
<div class="bars" onclick="mobileMenu()">
<i class="fas fa-bars"></i>
</div>
</nav>
</div>
</header>
<body>
<h1>Portfolio</h1>
<p class="headText">I'm a Motion Graphics & Graphic Designer available for hire. Below is some of my work, that I've designed over the past few years. If you like what you see feel free to <a href="/contact.html">contact me</a> by clicking the link five words ago.</p>
<div class="cardContainer">
<a href="/portfolio/dwm.html" title="DWM Thumbnails"><img src="/images/portfolio/dwm.jpg" class="portfolio"></a>
<a href="/portfolio/makc.html" title="MAKC Motion Intro"><img src="/images/portfolio/makc.jpg" class="portfolio"></a>
<a href="/portfolio/linux.html" title="Linux Distro Wallpapers"><img src="/images/portfolio/linux.jpg" class="portfolio"></a>
<a href="/portfolio/card.html" title="Simpile Responsive CSS Card"><img src="/images/portfolio/cards.png" class="portfolio"></a>
<a href="/portfolio/noble.html" title="Barnes & Noble Employee ID"><img src="/images/portfolio/barnes-noble.png" class="portfolio"></a>
<a href="/portfolio/thumbs.html" title="Film Thumbnails"><img src="/images/portfolio/thumbs.jpg" class="portfolio"></a>
<a href="/portfolio/205-1.html" title="205.1 Acre Woods Album Art"><img src="/images/portfolio/205.1.jpg" class="portfolio"></a>
<a href="/portfolio/orion.html" title="Orion App Icon"><img src="/images/portfolio/orion.jpg" class="portfolio"></a>
<a href="/portfolio/bit.html" title="8 Bit Tech Wallpapers"><img src="/images/portfolio/8bit.jpg" class="portfolio"></a>
<a href="/portfolio/senior-executive.html" title="Senior Executive Logo"><img src="/images/portfolio/senior-executive.jpg" class="portfolio"></a>
<a href="/portfolio/rusk.html" title="Rusk Posters"><img src="/images/portfolio/rusk.jpg" class="portfolio"></a>
<a href="/portfolio/cinematic.html" title="Cinematic Fractal Titles"><img src="/images/portfolio/cinematic.jpg" class="portfolio"></a>
<a href="/portfolio/205.html" title="205 Acres Wood Album Art"><img src="/images/portfolio/205.jpg" class="portfolio"></a>
<a href="/portfolio/posters.html" title="Short Film Thumbnails"><img src="/images/portfolio/posters.jpg" class="portfolio"></a>
<a href="/portfolio/thumb.html" title="MAKC YouTube Channel Thumbnails"><img src="/images/portfolio/thumb.jpg" class="portfolio"></a>
<a href="/portfolio/yinyang.html" title="Yin Yang Neuomorphism Wallpapers"><img src="/images/portfolio/yinyang.jpg" class="portfolio"></a>
<a href="/portfolio/jm.html" title="J & M Meat Market Business Cards"><img src="/images/portfolio/jm.jpg" class="portfolio"></a>
<a href="/portfolio/talon.html" title="Lake Talon Take Book Cover"><img src="/images/portfolio/talon.png" class="portfolio"></a>
<a href="/portfolio/cinegenie.html" title="CineGenie MPC Logo"><img src="/images/portfolio/cinegenie.jpg" class="portfolio"></a>
<a href="/portfolio/streaks.html" title="Futuristic Light Streaks"><img src="/images/portfolio/streaks.jpg" class="portfolio"></a>
<a href="/portfolio/emi.html" title="Futristic Room"><img src="/images/portfolio/emi.jpg" class="portfolio"></a>
<a href="/portfolio/hud.html" title="Fractured Future HUD"><img src="/images/portfolio/HUD.jpg" class="portfolio"></a>
</div>
</body>
<footer>
<nav> <!--Secondary Site navigation-->
<a href='/gear.html'>Gear I Use</a>
<a href='/terms.html'>Terms & Privacy</a>
<a href='/contact.html'>Contact</a>
<a href='/bar.html'>My Bar</a>
<a href='/library.html'>My Library</a>
</nav>
<h4>Social Links</h4>
<div class="social">
<a href='https://youtube.com/channel/UCWh6YtclgTAzReTASc4uSKw' title='youtube/MACK' target='_blank'><i class="fab fa-youtube"></i></a>
<a href='https://github.com/makccr' title='github/makccr' target='_blank'><i class='fab fa-github'></i></a>
<a href='https://reddit.com/user/mack_criswell' title='reddit/mack_criswell' target='_blank'><i class='fab fa-reddit-alien'></i></a>
<a href='https://twitter.com/makccr' title='twitter/makccr' target='_blank'><i class='fab fa-twitter'></i></a>
<a href='https://snapchat.com/add/mack_criswell' title='snapchat/mack_criswell' target='_blank'><i class="fab fa-snapchat-ghost"></i></a>
<a href='https://odysee.com/@makc:a' title='Odysee Channel' target='_blank'><i class="fas fa-book-open"></i></a>
<a href='https://open.spotify.com/playlist/0py1J5FB6qM9bQBe8lLC1n' title='Pickled Red Onions' target='_blank'><i class='fab fa-spotify'></i></a>
</div>
<p>Copyright© 2012 - 2021 Mackenzie Criswell<br>All Rights Reserved.</p>
</footer>
</html>