-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
151 lines (130 loc) · 5.74 KB
/
index.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
<!DOCTYPE HTML>
<html>
<head>
<title>Mashnoon Ibtesum | Video Producer | Photographer | Web Designer | Graphic Designer</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body>
<!-- Page Wrapper -->
<div id="page-wrapper">
<!-- Wrapper -->
<div id="wrapper">
<!-- Panel (Banner) -->
<section class="panel banner right">
<div class="content color3 span-3-75">
<h1 style="color:#373738" class="major">Hi<br />
I'm Mash</h1>
<p style="color:#373738">I am a New York based video producer, photographer, web designer. </p>
<ul class="actions">
<li><a href="#first" class="button special color1 circle icon fa-angle-right">Next</a></li>
</ul>
</div>
</section>
<!-- Panel (Spotlight) -->
<section class="panel spotlight size right" id="first">
<div class="content span-7">
<ul class="grid-icons">
<a href="https://www.youtube.com/channel/UC27PwHTaxUgdiZ1RJHYCV4g" target="_blank" <i class="fa fa-youtube" style="font-size:80px" ></i></a>
</ul>
</div>
<div class="image filtered tinted" data-position="top left">
<video width="100%" autoplay muted loop src="videos/introSnaphots.mp4" alt="" />
</div>
</section>
<section class="panel color2">
<div class="intro">
<h1>Previous Expereinces</h1>
</div>
<div class="inner column divided aligned">
<div class="span-3">
<h1>NY Hall of Science</h1>
<code>Assosicaite Producer</code> <code> January 2017 - Present </code>
<p> </p>
<p> </p>
<ul class="alt">
<li>Communicate science to the target audience using digital medium</li>
<li>Learn and employ the skills of storyboarding, scriptwriting, interviewing, lighting, shooting, editing and
social media engagement</li>
</ul>
</div>
</div>
<div class="inner column divided aligned">
<div class="span-3">
<h1>Secret Theatre</h1>
<code>Video Intern</code> <code>October 2016 – July 2017</code>
<p> </p>
<p> </p>
<ul class="alt">
<li>Film and edit marketing material for the theater business</li>
<li>Interview the theater artists and local business and film the theater and community events</li>
</ul>
</div>
</div>
<div class="inner column divided aligned">
<div class="span-3">
<h1>MASH.STUDIO</h1>
<code>Owner</code> <code>August 2014 - Present</code>
<p> </p>
<p> </p>
<ul class="alt">
<li>Started my own business in Video production & Graphic Design </li>
<li>Served a multitude of local and international business with establising their brand identiy & promoting</li>
</ul>
</div>
</div>
<!-- Panel (Spotlight) -->
<section class="panel spotlight right" id="first">
<div class="content span-6">
<a href="https://www.youtube.com/watch?v=E4RQKethxjY&t=13s" target="_blank"> <h1 class="major"> ❤ : A twentyfirst century love story</h1> </a>
<p> The mockumentary deals about the bizzare impact technology has on modern relationship, often exaggerating but grounded in reality. The film placed <strong>top 20 in the NY 10 day film challenge </strong> and was nominated for <strong> best use SFX & best title </strong> </p>
</div>
<div class="image filtered tinted" data-position="top left">
<video width="100%" autoplay muted loop src="videos/21Heart_Optimized.mp4" alt="" />
</div>
</section>
<!-- Panel-contact -->
<section class="panel color4-alt">
<div class="intro color4">
<h2 class="major">Contact Me</h2>
<p>Thanks a lot for visting! If you wan't to reach out to me, leave me a message here and I will get back to you within 24 hrs</p>
</div>
<div class="inner columns divided">
<div class="span-3-25">
<form method="post" action="https://formspree.io/[email protected]">
<div class="field half">
<label for="name">Name</label>
<input type="text" name="name" id="name" />
</div>
<div class="field half">
<label for="email">Email</label>
<input type="email" name="_replyto" id="email" />
<input type="text" name="_gotcha" style="display:none" />
</div>
<div class="field">
<label for="message">Message</label>
<textarea name="message" id="message" rows="4"></textarea>
</div>
<ul class="actions">
<li><input type="submit" value="Send" class="button special" /></li>
</ul>
</form>
</div>
<div class="span-1-5">
<ul class="contact-icons color1">
<li class="icon fa-facebook"><a href="#">facebook.com/iMashny</a></li>
<li class="icon fa-snapchat-ghost"><a href="#">@mashnoon33</a></li>
<li class="icon fa-instagram"><a href="#">@mashnoon731</a></li>
</ul>
</div>
</div>
</section>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>