-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathportfolio.html
More file actions
75 lines (74 loc) · 9.76 KB
/
Copy pathportfolio.html
File metadata and controls
75 lines (74 loc) · 9.76 KB
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
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Rosy Lemus :: Portfolio</title>
<link href="lemus-final-website.css" rel="stylesheet" type="text/css">
<link href="lightbox.css" rel="stylesheet" />
<script type="text/javascript">
function MM_setTextOfLayer(objId,x,newText) { //v9.0
with (document) if (getElementById && ((obj=getElementById(objId))!=null))
with (obj) innerHTML = unescape(newText);
}
</script>
</head>
<body class="background">
<header class="hdr"> <img src="rl-logo.svg" alt=" rosy lemus logo" class="rl-logo"/>
<input type="checkbox" class="toggler">
<div class="hamburger">
<div></div>
</div>
<nav class="menu">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
<nav class="lrg-nav">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</header>
<div class="container">
<figcaption id="works-description">Works</figcaption>
<a href="advertisement-large.png" onMouseOver="MM_setTextOfLayer('works-description','','Advertisement')" data-title="Watch advertisement for Lemardi logo" data-lightbox="works-tablet"><img src="advertisement.png" alt="" class="advertisement"/></a> <a href="book-mockup-large.png" onMouseOver="MM_setTextOfLayer('works-description','','Book Layout')" data-title="Escape from Asylum book re-design mockup" data-lightbox="works-tablet"><img src="book-cover.png" alt="" class="book-cover"/></a>
<div class="hidden"><a href="book-large.png" data-lightbox="works-tablet" data-title="Escape from Asylum book re-design idea">a</a></div>
<a href="poster-large.svg" onMouseOver="MM_setTextOfLayer('works-description','','Concert Poster')" data-title="Kacey Musgraves' Same Trailer Different Park- concert poster illustration" data-lightbox="works-tablet"><img src="poster.png" alt="" class="concert-poster"/></a>
<div class="hidden"><a href="Product Illustration.svg" data-lightbox="works-tablet" data-title="Xbox One hard drive product illustraton">a</a></div>
<a href="Surrealism-large.png" onMouseOver="MM_setTextOfLayer('works-description','','Surrealism')" data-title="Surrealism" data-lightbox="works-tablet"><img src="surrealism.png" alt="" class="surrealism"/></a> <a href="double-exposure-large.png" onMouseOver="MM_setTextOfLayer('works-description','','Double Exposure')" data-title="Double Exposure" data-lightbox="works-tablet"><img src="double-exposure.png" alt="" class="double-exposure"/></a> <a href="event-mockup-large.png" onMouseOver="MM_setTextOfLayer('works-description','','Event Invite')" data-title="Graphic Design Expo 2022 bifold invitation mockup" data-lightbox="works-tablet"><img src="expo.png" alt="" class="expo" /></a>
<div class="hidden"><a href="event-mockup-two-large.png" data-lightbox="works-tablet" data-title="Graphic Design Expo 2022 invitation and envelope mockup">a</a></div>
<a href="infographic-large.svg" onMouseOver="MM_setTextOfLayer('works-description','','Infographic')" data-title="Noise induced Hearing Loss infographic" data-lightbox="works-tablet"><img src="infographic.png" alt="" class="infographic"/></a> <a href="logos-large.svg" onMouseOver="MM_setTextOfLayer('works-description','','Logos')" data-title="Series of logos" data-lightbox="works-tablet"><img src="logos.png" alt="" class="logos"/></a>
<div class="hidden"><a href="andro mockup-large.png" data-lightbox="works-tablet" data-title="Sweater mockup for Andro logo">a</a></div>
<div class="hidden"><a href="andro shirt mockup-large.png" data-lightbox="works-tablet" data-title="Shirt mockup for Andro logo">a</a></div>
<div class="hidden"><a href="andro tote mockup-large.png" data-lightbox="works-tablet" data-title="Tote bag mockup for Andro logo">a</a></div>
<a href="magazine-cover-large.png" onMouseOver="MM_setTextOfLayer('works-description','','Magazine Cover')" data-title="Car magazine cover" data-lightbox="works-tablet"><img src="magazine-cover.png" alt="" class="magazine-cover"/></a>
<div class="hidden"><a href="magazine cover mockup-large.png" data-lightbox="works-tablet" data-title="Car magazine cover mockup">a</a></div>
<a href="menu-large.png" onMouseOver="MM_setTextOfLayer('works-description','','Restaurant Menu')" data-title="La Iguana Caliente restaurant menu- front and back" data-lightbox="works-tablet"><img src="menu.png" alt="" class="restaurant-menu"/></a> <a href="package-mockup-large.png" onMouseOver="MM_setTextOfLayer('works-description','','Product Packaging')" data-title="Sleepy Tea- chamomile tea packaging mockup" data-lightbox="works-tablet"><img src="package.png" alt="" class="package"/></a> <a href="psa-large.png" onMouseOver="MM_setTextOfLayer('works-description','','PSA')" data-title="madd- Don't drink and drive flyer" data-lightbox="works-tablet"><img src="psa.png" alt="" class="psa"/></a> <a href="red-cat-mockup-large.png" onMouseOver="MM_setTextOfLayer('works-description','','Business Identity')" data-title="Red Cat- business identity mockup" data-lightbox="works-tablet"><img src="red-cat.png" alt="" class="red-cat"/></a> <a href="spread-large.png" onMouseOver="MM_setTextOfLayer('works-description','','Magazine Spread')" data-title="Magazine Spread" data-lightbox="works-tablet"><img src="spread.png" alt="" class="spread"/></a> <a href="travel mockup-large.png" onMouseOver="MM_setTextOfLayer('works-description','','Bifold Brochure')" data-title="Finland- bifold travel brochure mockup" data-lightbox="works-tablet"><img src="travel.png" alt="" class="travel"/></a> </div>
<div class="cell-container"> <a href="event-mockup-large.png" data-lightbox="works" data-title="Graphic Design Expo 2022 bifold invitation mockup"> <img src="event-cell.png" width="163" height="554" alt="" class="event-cell"/></a>
<div class="hidden"><a href="event-mockup-two-large.png" data-lightbox="works" data-title="Graphic Design Expo 2022 invitation and envelope mockup">a</a></div>
<a href="double-exposure-large.png" data-lightbox="works" data-title="Double Exposure"><img src="double-cell.png" width="164" height="554" alt="" class="double-cell"/></a> <a href="logos-large.svg" data-lightbox="works" data-title="Series of logos"><img src="logos-cell.png" width="164" height="554" alt="" class="logos-cell"/></a>
<div class="hidden"><a href="andro mockup-large.png" data-lightbox="works" data-title="Sweater mockup for Andro logo">a</a></div>
<div class="hidden"><a href="andro shirt mockup-large.png" data-lightbox="works" data-title="Shirt mockup for Andro logo">a</a></div>
<div class="hidden"><a href="andro tote mockup-large.png" data-lightbox="works" data-title="Tote bag mockup for Andro logo">a</a></div>
<a href="spread-large.png" data-lightbox="works" data-title="Magazine Spread"><img src="spread-cell.png" width="163" height="554" alt="" class="spread-cell"/></a> <a href="Surrealism-large.png" data-lightbox="works" data-title="Surrealism"><img src="surr-cell.png" width="163" height="554" alt="" class="surr-cell"/></a> <a href="advertisement-large.png" data-lightbox="works" data-title="Watch advertisement for Lemardi logo"><img src="ad-cell.png" width="164" height="554" alt="" class="ad-cell"/></a> <a href="book-mockup-large.png" data-lightbox="works" data-title="Escape from Asylum book re-design mockup"><img src="book-cell.png" width="164" height="554" alt="" class="book-cell"/></a>
<div class="hidden"><a href="book-large.png" data-lightbox="works" data-title="Escape from Asylum book re-design idea">a</a></div>
<a href="poster-large.svg" data-lightbox="works" data-title="Kacey Musgraves' Same Trailer Different Park- concert poster illustration"><img src="poster-cell.png" width="164" height="554" alt="" class="poster-cell"/></a>
<div class="hidden"><a href="Product Illustration.svg" data-lightbox="works" data-title="Xbox One hard drive product illustraton">a</a></div>
<a href="infographic-large.svg" data-lightbox="works" data-title="Noise induced Hearing Loss infographic"><img src="info-cell.png" width="164" height="554" alt="" class="info-cell"/></a> <a href="magazine-cover-large.png" data-lightbox="works" data-title="Car magazine cover"><img src="mag-cell.png" width="163" height="554" alt="" class="mag-cell"/></a>
<div class="hidden"><a href="magazine cover mockup-large.png" data-lightbox="works" data-title="Car magazine cover mockup">a</a></div>
<a href="red-cat-mockup-large.png" data-lightbox="works" data-title="Red Cat- business identity mockup"><img src="cat-cell.png" width="163" height="554" alt="" class="cat-cell"/></a> <a href="menu-large.png" data-lightbox="works" data-title="La Iguana Caliente restaurant menu- front and back"><img src="menu-cell.png" width="164" height="554" alt="" class="menu-cell"/></a> <a href="package-mockup-large.png" data-lightbox="works" data-title="Sleepy Tea- chamomile tea packaging mockup"><img src="pack-cell.png" width="164" height="554" alt="" class="pack-cell"/></a> <a href="psa-large.png" data-lightbox="works" data-title="madd- Don't drink and drive flyer"><img src="psa-cell.png" width="163" height="554" alt="" class="psa-cell"/></a> <a href="travel mockup-large.png" data-lightbox="works" data-title="Finland- bifold travel brochure mockup"><img src="trav-cell.png" width="163" height="554" alt="" class="trav-cell"/></a> </div>
<footer class="bottom">
<ul>
<li><a href="https://www.instagram.com/rosylemusdesign/" target="new">Instagram</a></li>
<li><a href="https://www.linkedin.com/in/rosy-lemus-548a42199/" target="new">LinkedIn</a></li>
</ul>
</footer>
<script type="text/javascript" src="https://code.jquery.com/jquery-latest.min.js"></script>
<script src="lightbox.js"></script>
</body>
</html>