-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
233 lines (202 loc) · 17.5 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
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
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="src/style.css"/>
<link rel="cv" href="Hocheiser technical cv 2022.pdf"/>
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,500;0,600;1,100;1,600&family=Varela+Round&display=swap" rel="stylesheet">
<script src="https://kit.fontawesome.com/7fe5581d19.js" crossorigin="anonymous"></script>
<title>My Personal Website</title>
</head>
<body>
<section class="hero">
<nav>
<ul id="nav-list">
<li> <a href="#about" target="_blank"> About Me </a></li>
<li> <a href ="#resume" target="_blank" > Resume</a> </li>
<li> <a href ="#interests" target="_blank">Interests</a></li>
<li> <a href="#footer" target="_blank" >Contact Me</a> </li>
</ul>
<button class="ham" id="ham">
<i class="fas fa-bars"></i>
</button>
</nav>
<div class = "hero-area">
<div class="hero-text">
<h1>Lara Hocheiser</h1>
<p>Web Developer</p>
<div class="button"> <a href="#about">About Me</a></div>
</div>
<div class="socials">
<div><a href="https://medium.com/@larahocheiser" target="_blank" class="social"><svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" fill="currentColor" class="bi bi-medium" viewBox="0 0 16 16"> <path d="M9.025 8c0 2.485-2.02 4.5-4.513 4.5A4.506 4.506 0 0 1 0 8c0-2.486 2.02-4.5 4.512-4.5A4.506 4.506 0 0 1 9.025 8zm4.95 0c0 2.34-1.01 4.236-2.256 4.236-1.246 0-2.256-1.897-2.256-4.236 0-2.34 1.01-4.236 2.256-4.236 1.246 0 2.256 1.897 2.256 4.236zM16 8c0 2.096-.355 3.795-.794 3.795-.438 0-.793-1.7-.793-3.795 0-2.096.355-3.795.794-3.795.438 0 .793 1.699.793 3.795z"/> </svg> </a></div>
<div><a href="https://www.linkedin.com/in/lara-hocheiser/" target="_blank" class="social"><svg xmlns="http://www.w3.org/2000/svg" fill="#ffffff" width="50" height="50" viewBox="0 0 24 24"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"/></svg> </a></div>
<div><a href="https://github.com/Laraellenh" class="social" target="_blank"> <svg xmlns="http://www.w3.org/2000/svg" fill="#ffffff" width="50" height="50" viewBox="0 0 24 24"><path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/></svg> </a></div>
</div>
</div>
</section>
<section id = "about" class="subsection">
<div>
<h2 class="info-title"> About Me </h2>
<p class="info"> Hi. My name is Lara Hocheiser. I am a multi-talented professional with expertise in web marketing, content strategy and creation, product, education, and health and wellbeing. As a business owner, I was a product owner, lead the marketing efforts, facilitated courses, and built a recognizable, trusted brand. My SEO skills are such that I was given two contracts with a major publisher last year for nonfiction books in my expertise, yoga and mindfulness education.
I am seeking opportunities in web marketing, product management, business analysis, and content management.
I recently became full-stack software engineer certified because of my interest in joining a small to medium tech start up in the health, education, or sustainability fields. </p>
<p class="info" > <strong>Highlights:</strong> </p>
<p class="info" > Entrepreneur with expertise in product, content, web marketing, e-commerce and facilitation</p>
<p class="info">Product design based in SEO and UX research that resulted in clicks, sales, and massive audience growth</p>
<p class="info">Full Stack Web Development certification with 14 years of transferable experience in the content creation arena</p>
</div>
<div class="headshot-container">
<img class="headshot" src="images/Lara goddess pose.jpeg" alt="Lara doing goddess yoga pose on a rooftop"/>
</div>
</section>
<section class="subsection">
<div >
<div >
<div>
<div id="resume" class="resume-section">
<div >
<h1 class="space-bottom" style="font-weight: bold">My Resume </h1>
<img class="resume-pic" src="images/269715606_10100794273177418_5153183418772779305_n.jpg" style="width:100%" alt="Lara Hocheiser headshot">
<p>Lara Hocheiser</p>
<p>Content Writer and Strategist, Web Marketing Manager, Product Owner</p>
<p> Published nonfiction book author, Education and Wellness verticals</p>
<p> Open to work. Fulltime and Consulting </p>
<p>Brooklyn, NY</p>
<p>[email protected]</p>
<hr>
<div class= "child">
<h2>Core Expertise</h2>
<p class="listed"> Customer Centric Ad Copy, Product Copy</p>
<p class="listed"> Project & Program Management</p>
<p class="listed"> JavaScript, React, Ruby on Rails / Object Oriented Programming OOP </p>
<p class="listed"> HTML, CSS, Front-End Development</p>
<p class="listed"> Product Creation and Strategy</p>
<p class="listed"> Leadership / Management / Mentorship</p>
<p class="listed"> Content Creation / Social Media Strategy</p>
<p class="listed"> CMS, E-Commerce </p>
<p class="listed"> Content based in SEO bets practices</p>
<p class="listed"> Author/Blogger/Social Media/p>
<p class="listed"> Storytelling, User Journey/p>
<p class="listed"> Course Facilitation</p>
<p class="listed"> Content based in SEO</p>
<p class="listed"> Freelance/Agency management</p>
<p class="listed"> Customer Lifecycle and Workflows</p>
<p class="listed"> Process Creation/Iteration (Agile/SOP/Scrum)</p>
<p class="listed"> Working remote/ International</p>
<p class="listed"> Customer Lifecycle and Workflows</p>
<p class="listed"> Content Calendar and Management</p>
<p class="listed"> Relationship Building</p>
<br></br>
<hr>
<div >
<h3 class="space-bottom">Languages </h3>
<div class="bottom-space">
<p class="listed">English</p>
<p class="listed">Spanish</p>
</div>
<hr>
<div> <h2>Lara Facilitating a Training</h2>
<img style="width:100%" class="zoom-image" src="images/lara online group.webp" alt = "Lara teaching an online cohort in a 95-hour yoga course online through Flow and Grow Kids Yoga, also known as Flow and Grow Education, Inc." />
</div>
<br></br>
</div>
</div>
</div>
<div >
<div class="work" >
<h2>Work Experience</h2>
<div>
<h2> Content Creation | 01/2022 - present</h2>
<p class=" p-resume"> <em>Breaking Into Tech</em> series on Medium follows a self-taught, bootcamp drop-out, bootcamp grad, and computer sceince graduate in their early careers. Interview series wraps with a meeting wtih a Director of engineering to give advice to all software engineer aspirants. </p>
<img class="fg-logo" h ref="https://miro.medium.com/fit/c/112/112/1*HdgQ1etVVmL0osq8pnC1Bg.png" src="images/Screen Shot 2022-08-25 at 2.31.28 PM.png" alt = "Ian Wagner, in black on the left and Lara Hocheiser in red and green, on the right sit and chat" /> </a>
<img class="fg-logo" h ref="https://miro.medium.com/fit/c/112/112/1*JujYdSSid5g4_HLTUkPOUQ.png" src="images/Screen Shot 2022-08-28 at 3.56.32 PM.png" alt = "Natasha Koller in blacks and Lara Hocheiser in black and tan, on the right sit and chat" /> </a>
<img class="fg-logo" h ref="https://medium.com/@larahocheiser/breaking-into-tech-is-a-computer-science-degree-worth-it-ea0fe19d6510" src="images/Screen Shot 2022-09-07 at 12.15.18 PM.png" alt = "Utkarsh Nigum in a button down with verticle stripes and Lara Hocheiser in black and green with red lipstick, on the right sit and chat" /> </a>
<p class=" p-resume"> Marketing: Landing Page and Social Media Campaign assignment from the GT hiring assignment. </p>
<img class="fg-logo" h ref="https://medium.com/@larahocheiser/case-study-gt-assignment-fd26ea392336" src="images/teen.jpeg" alt = "A parent faces a child yelling into the microphone as the child blocks her eyes and ears" /> </a>
</div>
<div>
<h2> Freelance Marketing Manager and Software Enginner | 01/2022 - present</h2>
<p class=" p-resume"> Writing marketing proposals for web developers. Front-End and theme work. Project managment, idea person, and collaborator on various web apps. </p>
<h2 >Founder, Flow and Grow Kids Yoga | 09/2012 - present</h2>
<div>
<p class="p-resume" >Built a brand comprised of blog content, digital products, e-Commerce, courses, and in-person education. Vision, strategy, content, marketing, hiring, UX were all keys to growth and success.
From 2019 to 2020 had a 600% revenue increase in course sales as a result of understanding and targeting specific users
Unparalleled understanding of the user that leads to trust, brand loyalty, customer acquisition and retention
</p>
</div>
<a href="https://flowandgrowkidsyoga.com/" target="_blank" > <img class="fg-logo" src="images/Logo.FlowAndGrow.Circle.jpg" alt="Flow and Grow logo consists of a circle shapes like a yin/yang where the top is a light blue water drop and the bottom is a green leaf."/> </a>
<br></br>
<hr>
</div>
<div >
<h2 > Book Author, Callisto Media | 01/2021-10/2021 </h2>
<p class="p-resume"> Hired as a subject-matter expert to write nonfiction books on contract.
Wrote a second book after the success of the first one
Each book had a 4-month timeline from contract to market
Awarded the contracts because of the effective SEO from my content and thought leadership.
</p>
<div ><a class="space-icons" href="https://www.amazon.com/Mindfulness-Workbook-Kids-Activities-Compassion/dp/1638070547/ref=asc_df_1638070547/?tag=hyprod-20&linkCode=df0&hvadid=548665258523&hvpos=&hvnetw=g&hvrand=12674358271217767534&hvpone=&hvptwo=&hvqmt=&hvdev=c&hvdvcmdl=&hvlocint=&hvlocphy=1022762&hvtargid=pla-1437863075667&psc=1"><img class="fg-logo" src="images/9781638070542_EA.jpg" alt="Cover to Mindfulness Workbook for Kids ages 5-7"/> </a> <a class="space-icons" href = "https://www.amazon.com/Mindfulness-Beginners-10-Minutes-Day/dp/1648768512/ref=sr_1_1?keywords=mindfulness+for+beginners+in+10+minutes+a+day&qid=1656513338&sprefix=mindfulness+for+beginners+i%2Caps%2C50&sr=8-1" ><img class="fg-logo" src="images/IMG_6485.jpeg" alt = "orange cover of the book Mindfulness For Beginners in Ten Minutes a Day" /> </a> </div>
<br></br>
<div >
<h2 > Gaia.com Contributing Author | 05/2015-08/2018</h2>
<p class="p-resume"> Wrote articles based on SEO for a yoga and mindfulness online content website.
Wrote more than 10 articles for Gaia.com.
Quick turn-around from assignment to submission.
</p>
<br>
<div ></a> <a class="space-icons" href="https://www.gaia.com/"><img class="fg-logo" src="images/Logo.Gaia.WriterBadge.png" alt="Gaia staff writer badge, a purple circle"/> </a></div>
<br></br>
<hr>
</div>
<div >
<h2>Lead Teacher, Pine Village Preschool | 08/2008 - 08/2011 </h2>
<p class="p-resume">
Spanish Immersion preschool teacher in pre-k class.
Teacher to 10 students both native English and Spanish speakers
Designed the curriculum independently.
</p><br>
<div ><a class="space-icons" href="https://pinevillagepreschool.com/"><img class="fg-logo" src="images/pvplogo.jpeg" alt="Pine Village Preschool logo is a purple square with children dancing under fire works with the caption 'Pine Village Spanish Immersion for your toddler and preschooler' "/> </a> </div>
<div >
<h2>Yoga Instructor, Various organizations | 2012 - 2016</h2>
<p class="p-resume"> Taught yoga and mindfulness to adults, children, prenatal groups, community groups, parents.
Over 10,000 hours taught.
Yoga studio leadership.
</p>
</div>
<hr>
<h2 > Education</h2>
<div >
<h5 class="school">Roanoke College</h5>
<h6 >2004-2008</h6>
<p class="p-resume">Bachelor Degree in Spanish Language with minor in Sociology. Cum Laude, 3.9 in my major. I did travel abroad to Costa Rica where I attended a semester at La Universidad Nacional and worked teaching English to lawyers. I was a memebr of the Spanish language honors society. </p>
<h5 class="school">Flatiron School</h5>
<h6 >January - April 2022</h6>
<p class="p-resume"> 525 hour Fullstack Software Development Course certification. Voted Best bootcamp 2022. JS, React.JS, HTML:6, CSS, Ruby on Rails, REST APIs. Built 5 web apps, 4 with a partner or group, and a fullstack app by myself.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="subsection">
<div class="interest-div">
<h1 id="interest-title" class="interest-padd" > Interests </h1>
<p class="interest-p"> I have varied interests that include reading, writing, yoga, mindfulness, raising my daughter, quality time with friends and family, creating inclusive, anti-ractist content, gardening, photography, live music, facilitating education, and caring for animals. You can usually find me meditating, outside on a walk or sitting on my balcony, cleaning, creating something new, planning or attending a camping event, or at my desk, building apps, learning about technology, connecting with others, and listening to podcasts. My top areas of study include yoga, technology, and science currently. </p>
<p class="interest-p"> Fun fact, I have been writing for more than 20 years. I am part of a multi-generational poetry group in New York City. I also write comedy sci-fi, social commentary, blogs, and creative writing. I host free writer's workshops and events whenever I attend burning man regional festivals. </p>
<span > <div class="image-span"><img class="interest-images" src="images/IMG_1601 2.jpeg" alt="red mountains in Sedona, Arizona." /> <img class="interest-images" src="images/IMG_6091.jpeg" alt=" Lara with her syrian Hamster, Snowflake" /> <img class="interest-images" src="images/krystal lara leadership.jpeg" alt= "Lara facilitationg a training to a cohort in Rochester with Krystal Stimus of the Assissi Institute." /> <img class="interest-images" src="/Users/larae/Desktop/portfolio stuff/images/warrior2.jpeg" alt="illustration of warrior 2 done by a child in hijab." /> <img class="interest-images" src="images/daisies.jpeg" alt= "image of lots of beautiful daisies, a small white, friendly flower, taken in Brooklyn" /></div></span>
<span > <div class="image-span"><img class="interest-images" src="images/me and sally.jpeg" alt=" Lara with her partner, seeing live music in NYC" /> <img class="interest-images" src="images/sissy pic.jpeg" alt=" Lara with her sister" /> <img class="interest-images" src="images/Chew at park.jpeg" alt= "Lara's young child, seen in a sparkly hat playing outside" /> <img class="interest-images" src="images/selfcareAd03.png" alt="An infographic that says '#selfcaresaturday free activities to share with the kdis you love' part of community service project Lara lead with her team in 2021" /> <img class="interest-images" src="images/IMG_5168.JPG" alt= "image of chair yoga savasana, or resting pose where Lara is seen with her legs on the seat and her upper body lying on the floor, eyes closed" /> <img class="interest-images" src="images/Vonnegut.jpeg" alt="headshot of Kurt Vonnegut, prolific author"/> </div></span>
</div>
</section>
<footer id="footer">
<h6><a href="Lara Hocheiser Resume 9-12-2022 avp copy.pdf" target="_blank"> Download my resume</a> </h6>
<h6> Projects are coming soon, please check out my github linked above to see what I have been working on.</h6>
<h6> (774) 353-6591 </h6>
<h6> <a href="mailto:[email protected]">Email me</a> </h6>
</footer>
<script src="src/app.js"></script>
</body>
</html>