-
Notifications
You must be signed in to change notification settings - Fork 0
/
index2.html
178 lines (138 loc) · 8.82 KB
/
index2.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
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
<!doctype html>
<html>
<title>Peter Lawrence Portfolio</title>
<link href="https://fonts.googleapis.com/css2?family=open+sans:wght@600&display=swap">
<link href="https://fonts.googleapis.com/css2?family=open+sans:wght@600&family=permanent+marker&family=shadows+into+light&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap" rel="stylesheet">
<style>
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap');
</style>
<link media="screen and (min-width: 800px)" href="widescreen.css" rel="stylesheet" type="text/css">
<link media="screen and (max-width: 799px)" href="smallscreen.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="fontstyles.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<head>
<!-- ---------------header------------------- -->
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-SSMXYD2QX4"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-SSMXYD2QX4', {'content_group1': 'My Group Name'});
</script>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<body class="background" oncontextmenu="return false;">
<!-- menu bar / nav -->
<nav>
<ul>
<li><img src="signature.png" class="signature" style="filter: invert(100); transform: scale(1.5);"></li>
<li><div style="display: flex; align-items: center;
justify-content: center;">
<a href="https://www.instagram.com/petelawrence"><i class="fa fa-instagram" aria-hidden="true" style="margin: 7px; transform: scale(1.25);"></i></a>
<a href="https://www.linkedin.com/in/peter-lawrence-au/"><i class="fa fa-linkedin" style="margin: 7px; transform: scale(1.25);" aria-hidden="true"></i></a>
<a href="https://www.youtube.com/channel/UCvlUPaS9HVF-YQ4Y5IxvyYQ"><i class="fa fa-youtube-play" style="margin: 7px; transform: scale(1.25);" aria-hidden="true"></i></a>
</div></li>
<li><a href="#portfolio">Portfolio</a></li>
<li><a href="commissions.html">Commissions</a></li>
<li><a href="#about">About</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
<div class="mobilegradient"></div>
<div id="portfolio" style="">
<div id="aerial" class="gallery" style="height: 2.5vh; margin-bottom: 25px; overflow: visible;">
<h1 style="padding-left: 22.5%; padding-right: auto;">
<a href="#aerial">
<mark class="gallerytitlecurrent"> Aerial.</mark> </a>
<a href="#lifestyle">
<mark class="gallerytitle"> Lifestyle.</mark> </a>
<a href="#portrait">
<mark class="gallerytitle"> Portrait.</mark> </a>
</h1>
</div>
<img src="gallery/photos/aerial/dji_0301.jpeg" alt="Melbourne skyline, aerial, drone, sunset, yarra river" class="gallery">
<img src="gallery/photos/aerial/dji_0268.jpeg" alt="Geelong waterfront, panorama, sunset, corio bay, eastern beach" class="gallery">
<img src="gallery/photos/aerial/dji_0100.jpeg" alt="Lorne, great ocean road, skyline, aerial, drone" class="gallery">
<img src="gallery/photos/aerial/dji_0158.jpeg" alt="Long Son Pagoda (Chùa Long Sơn), buddha nha trang, skyline, aerial, drone" class="gallery">
<img src="gallery/photos/aerial/dji_0210.jpeg" alt="Koh Phi Phi Islands thailand, beach, aerial, drone" class="gallery">
<div id="lifestyle" class="gallery" style="height: 2.5vh; margin-bottom: 25px; overflow: visible;">
<h1 style="padding-left: 22.5%; padding-right: auto;">
<a href="#aerial">
<mark class="gallerytitle"> Aerial.</mark> </a>
<a href="#lifestyle">
<mark class="gallerytitlecurrent"> Lifestyle.</mark> </a>
<a href="#portrait">
<mark class="gallerytitle"> Portrait.</mark> </a>
</h1>
</div>
<img src="gallery/photos/lifestyle/img_3625.jpeg" alt="Mount Bromo, Java indonesia, volcano sunrise" class="gallery">
<img src="gallery/photos/lifestyle/img_2280.jpeg" alt="Ha Long Bay Vietnam, Cat-Ba Island vietnam, traditional junk boat cruise" class="gallery">
<img src="gallery/photos/lifestyle/fullsizerender 2.jpeg" alt="Man spelunking in waterfall cave in Lombok, Indonesia" class="gallery">
<img src="gallery/photos/lifestyle/img_1529.jpeg" alt="Young people swimming at waterfall in Lombok, Indonesia" class="gallery">
<img src="gallery/photos/lifestyle/img_3793.jpeg" alt="Mt. Ijen, Kawah Ijen, man standing over blue volcanic lake" class="gallery">
<img src="gallery/photos/lifestyle/img_3547.jpeg" alt="tumpak sewu waterfall, java indonesia, man standing in front of huge waterfall" class="gallery">
<img src="gallery/photos/lifestyle/img_1218.jpeg" alt="Lorne Australia, cars drive underneath star filled sky on great ocean road" class="gallery">
<img src="gallery/photos/lifestyle/img_1878.jpeg" alt="Young couple laying in white sand dunes, Mui Ne Vietnam" class="gallery">
<img src="gallery/photos/lifestyle/img_2939.jpeg" alt="young couple swimming in blue lagoon railay beach thailand, adventure climbing destination" class="gallery">
<img src="gallery/photos/lifestyle/img_2892.jpeg" alt="descending upon Koh Phi Phi Islands thailand" class="gallery">
<img src="gallery/photos/lifestyle/img_2175.jpeg" alt="crossing a bridge on the reunification express train vietnam, sleeper cabin, north south railway" class="gallery">
<img src="gallery/photos/lifestyle/img_3695.jpeg" alt="Person standing on edge of Mount Bromo, Java, on sunny day" class="gallery">
<img src="gallery/photos/lifestyle/img_3617.jpeg" alt="Sunrise over cloudy valley in Java, Indonesia" class="gallery">
<div id="portrait" class="gallery" style="height: 2.5vh; margin-bottom: 25px; overflow: visible;">
<h1 style="padding-left: 22.5%; padding-right: auto;">
<a href="#aerial">
<mark class="gallerytitle"> Aerial.</mark> </a>
<a href="#lifestyle">
<mark class="gallerytitle"> Lifestyle.</mark> </a>
<a href="#portrait">
<mark class="gallerytitlecurrent"> Portrait.</mark> </a>
</h1>
</div>
<img src="gallery/photos/portrait/headshot.jpeg" alt="Peter Lawrence melbourne photographer portrait black and white" class="gallery">
<img src="gallery/photos/portrait/img_0931.jpeg" alt="High fashion high art streetwear god poses with shoe and wrist candy" class="gallery">
<img src="gallery/photos/portrait/Rosso_Commission_Portrait.jpg" alt="High key flash portraits for Rosso Coffee" class="gallery">
<img src="gallery/photos/portrait/img_1871.jpeg" alt="Young couple in white sand dunes, Mui Ne Vietnam" class="gallery">
<img src="gallery/photos/portrait/img_4568.jpeg" alt="vintage retro girl portrait" class="gallery">-->
<img src="gallery/photos/portrait/img_1873.jpeg" alt="dancer in white sand dunes, Mui Ne Vietnam" class="gallery">
</div>
<!-- about page -->
<div id="about" class="gallery" style="height: auto;">
<div class="card" style=";">
<div style="margin:25px; padding-top: 50px; display: block;">
<img src ="gallery/photos/headshot.png" style="
width: 17.5vh;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
display: block;;">
</div>
<h1 class="title" style="style: block; text-align: center; mix-blend-mode: exclusion;">About.</h1>
<div style="display: inline-block;">
<p class="paragraph" style="text-align: center; margin: 30px; margin-top: 10px; font-size: larger;">
Peter Lawrence is a multimedia creator and current Director of marketing at Boston Black Beverages in Melbourne, Australia.
<br><br>
Presenting photography featured on Channel 10, creative campaigns in Faxmag magazine and a diverse range of technical skills ranging from brand strategy to web design.
<br><br>
Third-person copywriting advocate.
<br><br>
<a href="https://www.instagram.com/petelawrence"><i class="fa fa-instagram" aria-hidden="true" style="margin: 5px; transform: scale(1.25);"></i></a>
<a href="https://www.linkedin.com/in/peter-lawrence-au/"><i class="fa fa-linkedin" style="margin: 5px; transform: scale(1.25);" aria-hidden="true"></i></a>
</p>
</div>
</div>
</div>
<div id="contact" class="gallery" >
<a href="https://forms.gle/PjNJmzhNhkGjz2G39">
<div class="container" style="margin-top: ;" >
<form action="https://docs.google.com/forms/u/0/d/e/1faipqlsewy7od8-fnlsvpigwk85o-kurtjqxme-3h3pmd9in1loybfg/formresponse">
<textarea id="subject" class="title" name="entry.1448082730" placeholder="contact me..." required style=" style: inline-block; height:30vh; font-size: 2.1vh;"></textarea>
<input type="submit" value="submit">
</form>
</div>
<div style="height: 20vh;"></div>
</body> <!-- ---------------end body-------------------- -->