primaryBackground

primaryHeadings

primaryParagraphs

primaryLines

primaryBorder

secondaryBackground

secondaryHeadings

secondaryParagraphs

secondaryLines

secondaryBorder

buttonBackground

buttonBackgroundHover

buttonText

buttonTextHover

Dark

Dark Accent

Accent

Light Accent

Light

Color Palette 008

jrocphoto.mypixweb.com

www.jrocphoto.com

Font Pack 004-Montserrat

jroc

<h1 class="ql-align-desktop-center"><span style="color: var(--primary_headings_color);">some moments that matter</span></h1><p><br></p>

<h3 class="ql-align-desktop-center"><span style="color: var(--primary_headings_color);">Colorado</span></h3><p class="ql-align-desktop-center ql-paragraph-2"><em style="color: var(--primary_headings_color);">Sam &amp; Lizzie</em></p>

<h3 class="ql-align-desktop-center"><span style="color: var(--primary_headings_color);">France</span></h3><p class="ql-align-desktop-center ql-paragraph-2"><em style="color: var(--primary_headings_color);">Aaron &amp; Amanda</em></p>

<h3 class="ql-align-desktop-center"><span style="color: var(--primary_headings_color);">Seattle</span></h3><p class="ql-align-desktop-center ql-paragraph-2"><em style="color: var(--primary_headings_color);">Amy &amp; Kim</em></p>

<h1 class="ql-align-desktop-left"><span style="color: var(--primary_headings_color);">Make it stand out</span></h1><p class="ql-align-desktop-center"><br></p>

<p class="ql-paragraph-2"><span style="color: var(--primary_paragraphs_color);">This is a paragraph. Click edit and enter your own text. You can make changes like making the text bold, underline or italic. </span></p>

Portfolio 3

<h3 class="ql-align-desktop-center"><span style="color: var(--secondary_headings_color);">Photography is like poetry, only visual. There are so many stories and meanings one picture can portray, it all depends on who's looking at the photo and whether they are paying enough attention.</span></h3><p class="ql-paragraph-3 ql-align-desktop-center"><span style="color: var(--secondary_headings_color);">﻿</span></p><p class="ql-paragraph-3 ql-align-desktop-center"><em style="color: var(--secondary_headings_color);">My goal is to capture beautiful in-between moments that make your story so special.</em></p>

<h3 class="ql-align-desktop-left"><span style="color: var(--primary_headings_color);">Photography is like poetry, only visual. There are so many stories and meanings one picture can portray, it all depends on who's looking at the photo and whether they are paying enough attention.</span></h3><p class="ql-align-desktop-left ql-paragraph-3"><span style="color: var(--primary_headings_color);">﻿</span></p><p class="ql-align-desktop-left ql-paragraph-3"><em style="color: var(--primary_headings_color);">My goal is to capture beautiful in-between moments that make your story so special.</em></p><p class="ql-paragraph-2"><br></p>

<h1 class="ql-align-desktop-left"><span style="color: var(--primary_headings_color);">Make it stand OUT</span></h1>

<h3 class="ql-align-desktop-center"><span style="color: var(--primary_headings_color);">Tai Schell</span></h3><p class="ql-paragraph-2 ql-align-desktop-center"><span style="color: var(--primary_headings_color);">Photographer</span></p>

<h3 class="ql-align-desktop-center"><span style="color: var(--primary_headings_color);">Larissa K.</span></h3><p class="ql-align-desktop-center ql-paragraph-2"><span style="color: var(--primary_headings_color);">Photographer</span></p>

<h3 class="ql-align-desktop-center"><span style="color: var(--primary_headings_color);">Emmett Marsh</span></h3><p class="ql-paragraph-2 ql-align-desktop-center"><span style="color: var(--primary_headings_color);">Photographer</span></p>

<h3 class="ql-align-desktop-center"><span style="color: var(--primary_headings_color);">Jack Smith</span></h3><p class="ql-paragraph-2 ql-align-desktop-center"><span style="color: var(--primary_headings_color);">Photographer</span></p>

<h1 class="ql-align-desktop-center"><span style="color: var(--secondary_headings_color);">Let's WORK Together!</span></h1>

Home

<h1 class="ql-align-desktop-center"><span style="color: var(--primary_headings_color);">Make it stand Out</span></h1>

Image 2

<p class="ql-paragraph-3"><span style="color: var(--primary_paragraphs_color);">LET'S GET TO KNOW EACH OTHER</span></p><p class="ql-paragraph-2"><br></p><h1><span style="color: var(--primary_paragraphs_color);">My name is Jane Riley</span></h1><p class="ql-paragraph-1"><br></p><p class="ql-paragraph-2"><span style="color: var(--primary_paragraphs_color);">I'm a wedding and portrait photographer, living between Paris and New York. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</span></p><p class="ql-paragraph-2"><br></p>

<h1 class="ql-align-desktop-center"><span style="color: var(--primary_headings_color);">Our Services</span></h1>

<h3><em style="color: var(--primary_headings_color);">﻿Lifestyle Package</em></h3><p class="ql-paragraph-2"><br></p>

<p class="ql-paragraph-2"><span style="color: var(--primary_paragraphs_color);">This is a paragraph. Click edit and enter your own text. You can make changes like making the text bold, underline or italic. This is a paragraph. Click edit and enter your own text. You can make changes like making the text bold, underline or italic. </span></p><p class="ql-paragraph-2"><br></p><p class="ql-paragraph-2"><span style="color: var(--primary_paragraphs_color);">$300</span></p>

<p class="ql-paragraph-2"><span style="color: var(--primary_paragraphs_color);">This is a paragraph. Click edit and enter your own text. You can make changes like making the text bold, underline or italic. This is a paragraph. Click edit and enter your own text. You can make changes like making the text bold, underline or italic. </span></p><p class="ql-paragraph-2"><br></p><p class="ql-paragraph-2"><span style="color: var(--primary_paragraphs_color);">$250</span></p>

<p class="ql-paragraph-2"><span style="color: var(--primary_paragraphs_color);">This is a paragraph. Click edit and enter your own text. You can make changes like making the text bold, underline or italic. This is a paragraph. Click edit and enter your own text. You can make changes like making the text bold, underline or italic. </span></p><p class="ql-paragraph-2"><br></p><p class="ql-paragraph-2"><span style="color: var(--primary_paragraphs_color);">$200</span></p>

About

<p class="ql-align-desktop-center ql-paragraph-2"><span style="color: var(--primary_paragraphs_color);">8/6/23</span></p><h2 class="ql-align-desktop-center"><span style="color: var(--primary_paragraphs_color);">﻿Wedding Day</span></h2>

<p class="ql-paragraph-2 ql-align-desktop-center"><span style="color: var(--primary_paragraphs_color);">8/6/23</span></p><h2 class="ql-align-desktop-center"><span style="color: var(--primary_paragraphs_color);">Wedding Day</span></h2>

Wedding

<p><span style="color: var(--primary_paragraphs_color);">8/1/20</span></p><h2><span style="color: var(--primary_paragraphs_color);">Engagement</span></h2><p class="ql-paragraph-2"><span style="color: var(--primary_paragraphs_color);">﻿</span></p><p class="ql-paragraph-2"><span style="color: var(--primary_paragraphs_color);">This is a paragraph. Click edit and enter your own text. You can make changes like making the text bold, underline or italic. </span></p>

<p><span style="color: var(--primary_paragraphs_color);">8/1/20</span></p><h2><span style="color: var(--primary_paragraphs_color);">ENGAGEMENT</span></h2><p class="ql-paragraph-2"><br></p><p class="ql-paragraph-2"><span style="color: var(--primary_paragraphs_color);">This is a paragraph. Click edit and enter your own text. You can make changes like making the text bold, underline or italic. </span></p>

Engagement

<h1><span style="color: var(--primary_headings_color);">Investment</span></h1><p><br></p><h3><span style="color: var(--primary_headings_color);">Pricing &amp; Packages</span></h3>

<p class="ql-paragraph-2"><span style="color: var(--primary_paragraphs_color);">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent nec felis libero. Ut blandit viverra urna quis scelerisque. Praesent non venenatis ex. Morbi in pellentesque dui. Aliquam erat volutpat. Nam imperdiet, eros quis mattis mollis, elit ligula egestas nisi, scelerisque cursus enim orci in nisl. Morbi in pellentesque dui. Aliquam erat volutpat. Nam imperdiet, eros quis mattis mollis, elit ligula egestas nisi, scelerisque cursus enim orci in nisl.</span></p>

<h3><span style="color: var(--primary_headings_color);">Package 01</span></h3><p><span style="color: var(--primary_headings_color);">$9</span></p><p><br></p><p><span style="color: var(--primary_headings_color);">This is a paragraph. Click edit and enter your own text. You can make changes like making the text bold, underline or italic. This is a paragraph. Click edit and enter your own text. You can make changes like making the text bold, underline or italic. </span></p>

<h3><span style="color: var(--primary_headings_color);">Package 02</span></h3><p><span style="color: var(--primary_headings_color);">$9</span></p><p><br></p><p><span style="color: var(--primary_headings_color);">This is a paragraph. Click edit and enter your own text. You can make changes like making the text bold, underline or italic. This is a paragraph. Click edit and enter your own text. You can make changes like making the text bold, underline or italic. </span></p>

<h3><span style="color: var(--primary_headings_color);">Package 03</span></h3><p><span style="color: var(--primary_headings_color);">$9</span></p><p><br></p><p><span style="color: var(--primary_headings_color);">This is a paragraph. Click edit and enter your own text. You can make changes like making the text bold, underline or italic. This is a paragraph. Click edit and enter your own text. You can make changes like making the text bold, underline or italic. </span></p>

Packages 3

<h2 class="ql-align-desktop-center"><span style="color: var(--primary_headings_color);">It’s not about taking photos,</span></h2><h2 class="ql-align-desktop-center"><span style="color: var(--primary_headings_color);">it’s about building memories</span></h2>

<p class="ql-paragraph-2"><span style="color: var(--primary_paragraphs_color);">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Turpis dictumst fermentum ultrices morbi ut. Blandit congue eu dolor molestie amet sed orci tempus. A sed neque scelerisque sit feugiat volutpat eget quisque.</span></p>

<p class="ql-paragraph-2"><span style="color: var(--primary_paragraphs_color);">Id pellentesque enim, bibendum tortor habitasse volutpat tellus massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span></p>

<p class="ql-paragraph-2"><span style="color: var(--primary_paragraphs_color);">IT’S NOT ABOUT TAKING PHOTOS, IT’S ABOUT BUILDING MEMORIES</span></p>

<h1 class="ql-align-desktop-center"><span style="color: var(--secondary_headings_color);">Questions before getting started?</span></h1>

Investment

<h1 class="ql-align-desktop-center"><span style="color: var(--primary_headings_color);">Contact us</span></h1><p class="ql-align-desktop-center ql-paragraph-2"><span style="color: var(--primary_headings_color);">﻿</span></p><p class="ql-align-desktop-center ql-paragraph-2"><span style="color: var(--primary_headings_color);">LOREM IPSUM DOLOR SIT AMET</span></p>

<p class="ql-paragraph-2 ql-align-desktop-center"><strong style="color: var(--primary_paragraphs_color);">Hours</strong></p><p class="ql-paragraph-2 ql-align-desktop-center"><span style="color: var(--primary_paragraphs_color);">Monday–Friday</span></p><p class="ql-paragraph-2 ql-align-desktop-center"><span style="color: var(--primary_paragraphs_color);">10am–6pm</span></p>

<p class="ql-align-desktop-center"><strong style="color: var(--primary_paragraphs_color);">Phone</strong></p><p class="ql-align-desktop-center"><span style="color: var(--primary_paragraphs_color);">(555) 555-5555</span></p>

<p class="ql-align-desktop-center"><strong style="color: var(--primary_paragraphs_color);">Location</strong></p><p class="ql-align-desktop-center"><span style="color: var(--primary_paragraphs_color);">123 Demo Street</span></p><p class="ql-align-desktop-center"><span style="color: var(--primary_paragraphs_color);">New York, NY 12345</span></p>