/
contact-me.html
149 lines (146 loc) · 12 KB
/
contact-me.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
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
<!DOCTYPE html>
<html style="font-size: 16px;" lang="en-CA">
<head>
<script src="https://kit.fontawesome.com/e4a0c19f7d.js" crossorigin="anonymous"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8">
<meta name="keywords" content="Gavin Morrisseau">
<meta name="description" content="">
<meta name="page_type" content="np-template-header-footer-from-plugin">
<title>contact me / gp</title>
<link rel="stylesheet" href="nicepage.css" media="screen">
<link rel="stylesheet" href="contact-me.css" media="screen">
<script class="u-script" type="text/javascript" src="jquery.js" defer=""></script>
<script class="u-script" type="text/javascript" src="nicepage.js" defer=""></script>
<meta name="generator" content="Nicepage 3.20.4, nicepage.com">
<link rel="icon" href="assets/graphics/favicon.png">
<link id="u-theme-google-font" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i">
<script type="application/ld+json">{
"@context": "http://schema.org",
"@type": "Organization",
"name": "gavinspolaroids",
"logo": "assets/graphics/logoGIF1Loop.gif"
}</script>
<meta name="theme-color" content="#478ac9">
<meta property="og:title" content="contact me / gp">
<meta property="og:description" content="">
<meta property="og:type" content="website">
</head>
<body class="u-body u-overlap"><header class="u-clearfix u-custom-color-29 u-header u-header" id="sec-c198"><div class="u-clearfix u-sheet u-sheet-1">
<a href="index.html" data-page-id="56688664" class="u-image u-logo u-image-1" data-image-width="600" data-image-height="728" title="Home">
<img src="assets/graphics/logoGIF1Loop.gif" class="u-logo-image u-logo-image-1" data-image-width="95">
</a>
<nav class="u-menu u-menu-dropdown u-offcanvas u-menu-1">
<div class="menu-collapse" style="font-size: 1rem; letter-spacing: 0px; font-weight: 500;">
<a class="u-button-style u-custom-active-border-color u-custom-active-color u-custom-border u-custom-border-color u-custom-borders u-custom-hover-border-color u-custom-hover-color u-custom-left-right-menu-spacing u-custom-padding-bottom u-custom-text-active-color u-custom-text-color u-custom-text-hover-color u-custom-top-bottom-menu-spacing u-nav-link u-text-active-palette-1-base u-text-custom-color-1 u-text-hover-palette-2-base" href="#">
<svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#menu-hamburger"></use></svg>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><symbol id="menu-hamburger" viewBox="0 0 16 16" style="width: 16px; height: 16px;"><rect y="1" width="16" height="2"></rect><rect y="7" width="16" height="2"></rect><rect y="13" width="16" height="2"></rect>
</symbol>
</defs></svg>
</a>
</div>
<div class="u-custom-menu u-nav-container">
<ul class="u-nav u-spacing-2 u-unstyled u-nav-1"><li class="u-nav-item"><a class="u-active-grey-5 u-border-active-palette-1-base u-border-hover-palette-1-base u-button-style u-hover-grey-10 u-nav-link u-text-active-grey-90 u-text-grey-90 u-text-hover-grey-90" href="index.html" style="padding: 10px 12px;">home</a>
</li><li class="u-nav-item"><a class="u-active-grey-5 u-border-active-palette-1-base u-border-hover-palette-1-base u-button-style u-hover-grey-10 u-nav-link u-text-active-grey-90 u-text-grey-90 u-text-hover-grey-90" href="gallery.html" style="padding: 10px 12px;">gallery</a>
</li><li class="u-nav-item"><a class="u-active-grey-5 u-border-active-palette-1-base u-border-hover-palette-1-base u-button-style u-hover-grey-10 u-nav-link u-text-active-grey-90 u-text-grey-90 u-text-hover-grey-90" href="about-me.html" style="padding: 10px 12px;">about me</a>
</li><li class="u-nav-item"><a class="u-active-grey-5 u-border-active-palette-1-base u-border-hover-palette-1-base u-button-style u-hover-grey-10 u-nav-link u-text-active-grey-90 u-text-grey-90 u-text-hover-grey-90" href="contact-me.html" style="padding: 10px 12px;">contact me</a>
</li></ul>
</div>
<div class="u-custom-menu u-nav-container-collapse">
<div class="u-black u-container-style u-inner-container-layout u-opacity u-opacity-95 u-sidenav">
<div class="u-sidenav-overflow">
<div class="u-menu-close"></div>
<ul class="u-align-center u-nav u-popupmenu-items u-unstyled u-nav-2"><li class="u-nav-item"><a class="u-button-style u-nav-link" href="index.html" style="padding: 10px 12px;">home</a>
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="gallery.html" style="padding: 10px 12px;">gallery</a>
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="about-me.html" style="padding: 10px 12px;">about me</a>
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="contact-me.html" style="padding: 10px 12px;">contact me</a>
</li></ul>
</div>
</div>
<div class="u-black u-menu-overlay u-opacity u-opacity-70"></div>
</div>
</nav>
</div></header>
<section class="u-align-center u-clearfix u-section-1" id="sec-2944">
<div class="u-align-left u-clearfix u-sheet u-sheet-1">
<p class="u-custom-font u-hidden-md u-hidden-xs u-text u-text-custom-color-31 u-text-1">gavin'spolaroids</p>
</div>
</section>
<section class="u-clearfix u-section-2" id="sec-9ab1">
<div class="u-clearfix u-sheet u-sheet-1">
<div class="u-clearfix u-expanded-width u-gutter-0 u-layout-wrap u-layout-wrap-1">
<div class="u-layout">
<div class="u-layout-row">
<div class="u-align-center u-container-style u-layout-cell u-left-cell u-size-23 u-layout-cell-1">
<div class="u-border-4 u-border-custom-color-1 u-container-layout u-valign-middle-lg u-valign-middle-md u-valign-middle-xl u-container-layout-1">
<div alt="" class="u-image u-image-circle u-image-1" src="" data-image-width="1439" data-image-height="1491"></div>
</div>
</div>
<div class="u-align-left u-container-style u-custom-color-1 u-layout-cell u-right-cell u-size-37 u-layout-cell-2">
<div class="u-container-layout u-container-layout-2">
<h2 class="u-text u-text-1 u-text-2">Gavin Morrisseau</h2>
<p class="u-text u-text-2"><a href="https://www.morrisseau.ca" target="_blank"></i></i>morrisseau.ca</a>
<br><br>
<i class="fa-solid fa-envelope-open"></i> gavin@morrisseau.ca
<br><a href="https://www.github.com/gavinmorrisseau" target="_blank"><i class="fa-brands fa-github"></i> /gavinmorrisseau</a>
<br><a href="https://www.instagram.com/gavinspolaroids" target="_blank"><i class="fa-brands fa-instagram"></i> @gavinspolaroids</a>
<br><a href="https://www.instagram.com/gavinmorrisseau" target="_blank"><i class="fa-brands fa-instagram"></i> @gavinmorrisseau </a>
</p>
</div>
</div>
</div>
</div>
</div>
<div class="u-expanded-width-xl u-gallery u-layout-horizontal u-lightbox u-no-transition u-show-text-on-hover u-gallery-1">
<div class="u-gallery-inner"><div class="u-effect-fade u-gallery-item u-gallery-item-1"><div class="u-back-slide" data-image-width="1317" data-image-height="1600"><img class="u-back-image" src="assets/images/e.jpeg">
</div><div class="u-over-slide u-shading u-over-slide-1"><h3 class="u-gallery-heading"></h3><p class="u-gallery-text"></p>
</div>
</div><div class="u-effect-fade u-gallery-item u-gallery-item-2"><div class="u-back-slide" data-image-width="1317" data-image-height="1600"><img class="u-back-image" src="assets/images/f.jpeg">
</div><div class="u-over-slide u-shading u-over-slide-2"><h3 class="u-gallery-heading"></h3><p class="u-gallery-text"></p>
</div>
</div><div class="u-effect-fade u-gallery-item u-gallery-item-3"><div class="u-back-slide" data-image-width="1317" data-image-height="1600"><img class="u-back-image" src="assets/images/a.jpeg">
</div><div class="u-over-slide u-shading u-over-slide-3"><h3 class="u-gallery-heading"></h3><p class="u-gallery-text"></p>
</div>
</div><div class="u-effect-fade u-gallery-item u-gallery-item-4" data-image-width="1317" data-image-height="1600"><div class="u-back-slide" data-image-width="1317" data-image-height="1600"><img class="u-back-image" src="assets/images/b.jpeg">
</div><div class="u-over-slide u-shading u-over-slide-4"><h3 class="u-gallery-heading"></h3><p class="u-gallery-text"></p>
</div>
</div><div class="u-effect-fade u-gallery-item u-gallery-item-5" data-image-width="1317" data-image-height="1600"><div class="u-back-slide" data-image-width="1317" data-image-height="1600"><img class="u-back-image" src="assets/images/d.jpeg">
</div><div class="u-over-slide u-shading u-over-slide-5"><h3 class="u-gallery-heading"></h3><p class="u-gallery-text"></p>
</div>
</div><div class="u-effect-fade u-gallery-item u-gallery-item-6" data-image-width="1853" data-image-height="2252"><div class="u-back-slide"><img class="u-back-image" src="assets/images/g.jpeg">
</div><div class="u-over-slide u-shading u-over-slide-6"><h3 class="u-gallery-heading"></h3><p class="u-gallery-text"></p>
</div>
</div><div class="u-effect-fade u-gallery-item u-gallery-item-7" data-image-width="1317" data-image-height="1600"><div class="u-back-slide"><img class="u-back-image" src="assets/images/g.jpeg">
</div><div class="u-over-slide u-shading u-over-slide-7"><h3 class="u-gallery-heading"></h3><p class="u-gallery-text"></p>
</div>
</div></div>
<a class="u-absolute-vcenter u-gallery-nav u-gallery-nav-prev u-grey-70 u-icon-circle u-opacity u-opacity-70 u-spacing-10 u-text-white u-gallery-nav-1" href="#" role="button">
<span aria-hidden="true">
<svg viewBox="0 0 451.847 451.847"><path d="M97.141,225.92c0-8.095,3.091-16.192,9.259-22.366L300.689,9.27c12.359-12.359,32.397-12.359,44.751,0
c12.354,12.354,12.354,32.388,0,44.748L173.525,225.92l171.903,171.909c12.354,12.354,12.354,32.391,0,44.744
c-12.354,12.365-32.386,12.365-44.745,0l-194.29-194.281C100.226,242.115,97.141,234.018,97.141,225.92z"></path></svg>
</span>
<span class="sr-only">
<svg viewBox="0 0 451.847 451.847"><path d="M97.141,225.92c0-8.095,3.091-16.192,9.259-22.366L300.689,9.27c12.359-12.359,32.397-12.359,44.751,0
c12.354,12.354,12.354,32.388,0,44.748L173.525,225.92l171.903,171.909c12.354,12.354,12.354,32.391,0,44.744
c-12.354,12.365-32.386,12.365-44.745,0l-194.29-194.281C100.226,242.115,97.141,234.018,97.141,225.92z"></path></svg>
</span>
</a>
<a class="u-gallery-nav u-gallery-nav-next u-grey-70 u-icon-circle u-opacity u-opacity-70 u-spacing-10 u-text-white u-gallery-nav-2" href="#" role="button">
<span aria-hidden="true">
<svg viewBox="0 0 451.846 451.847"><path d="M345.441,248.292L151.154,442.573c-12.359,12.365-32.397,12.365-44.75,0c-12.354-12.354-12.354-32.391,0-44.744
L278.318,225.92L106.409,54.017c-12.354-12.359-12.354-32.394,0-44.748c12.354-12.359,32.391-12.359,44.75,0l194.287,194.284
c6.177,6.18,9.262,14.271,9.262,22.366C354.708,234.018,351.617,242.115,345.441,248.292z"></path></svg>
</span>
<span class="sr-only">
<svg viewBox="0 0 451.846 451.847"><path d="M345.441,248.292L151.154,442.573c-12.359,12.365-32.397,12.365-44.75,0c-12.354-12.354-12.354-32.391,0-44.744
L278.318,225.92L106.409,54.017c-12.354-12.359-12.354-32.394,0-44.748c12.354-12.359,32.391-12.359,44.75,0l194.287,194.284
c6.177,6.18,9.262,14.271,9.262,22.366C354.708,234.018,351.617,242.115,345.441,248.292z"></path></svg>
</span>
</a>
</div>
<a href="gallery.html" data-page-id="95704810" class="u-border-none u-btn u-button-style u-custom-color-4 u-btn-1">view the gallery</a>
</div>
</section>
</body>
</html>