wp-editor.html

<div class="section-flex">
    <div class="wwm-intro-text section-flex">
        <h4>You have a vision for your business. You’re passionate about it. You can see every detail of your brand’s design in your head</h4>
        <h4>The problem is you can’t communicate your vision to anyone else.</h4>
        <div class="content-long">
            Maybe you tried working with designers in the past and couldn’t see eye to eye on the final result. Maybe you don’t trust your vision to anyone else and tried to DIY your website and are frustrated with the results.

            <strong>Don’t worry – Even just having a vision for your business can unleash extraordinary power.</strong>

            <strong>You just need help refining, communicating, and acting upon that vision</strong>

            We’ll work together to clearly define your brand personality – how exactly you want your business to look and feel. From there, every element of your design system, the colors, fonts, website, and logo will support that personality. At the end of this experience you can feel confident that every aspect of your brand matches your vision

            <span class="wwm-intro-text-accent">Let me help you translate your vision into a brand identity.</span>

            <hr />
        </div>
    </div>
    
    <div class="work-process-section section-flex">
        <h1>The Work Process</h1>
        <div class="work-process-container section-flex">
            
            <div class="work-process-subsection section-flex">
                <div class="content-image"><img class="aligncenter size-medium wp-image-47373" src="http://localhost/skillcrush-wordpress/wp-content/uploads/2018/03/illus-define-project-300x237.png" alt="Define the Project" width="300" height="237" /></div>
                <div class="content">
                    <h2>Define the Project</h2>
                    Through consultations and worksheets, we’ll translate your vision into well defined business and brand goals that will give the project clarity.
                </div>
                <div class="icon-arrow"><img class="aligncenter wp-image-47372 size-full" src="http://localhost/skillcrush-wordpress/wp-content/uploads/2018/03/icon-arrow.png" alt="icon-arrow" width="219" height="251" /></div>
            </div>
            
            <div class="work-process-subsection section-flex">
                <div class="content-image"><img class="aligncenter size-medium wp-image-47375" src="http://localhost/skillcrush-wordpress/wp-content/uploads/2018/03/illus-design-219x300.png" alt="design" width="219" height="300" /></div>
                <div class="content">
                    <h2>Design</h2>
                    Based on our consultation, I›ll draw up mockups of your logo, brand styles, wireframes, and website layouts.
                </div>
                <div class="icon-arrow"><img class="aligncenter size-full wp-image-47372" src="http://localhost/skillcrush-wordpress/wp-content/uploads/2018/03/icon-arrow.png" alt="icon-arrow" width="219" height="251" /></div>
            </div>
            
            <div class="work-process-subsection section-flex">
                <div class="content-image"><img class="aligncenter size-medium wp-image-47376" src="http://localhost/skillcrush-wordpress/wp-content/uploads/2018/03/illus-revise-295x300.png" alt="revise" width="295" height="300" /></div>
                <div class="content">
                    <h2>Revise</h2>
                    It’s time to stop and check to ensure we’re being true to your vision.
                </div>
                <div class="icon-arrow"><img class="aligncenter size-full wp-image-47372" src="http://localhost/skillcrush-wordpress/wp-content/uploads/2018/03/icon-arrow.png" alt="icon-arrow" width="219" height="251" /></div>
            </div>
            
            <div class="work-process-subsection section-flex">
                <div class="content-image"><img class="aligncenter size-medium wp-image-47377" src="http://localhost/skillcrush-wordpress/wp-content/uploads/2018/03/illus-develop-300x193.png" alt="develop" width="300" height="193" /></div>
                <div class="content">
                    <h2>Develop</h2>
                    Once the design is finalised, we’ll start setting up your hosting/domain, coding the web pages, and testing for bugs.
                </div>
                <div class="icon-arrow"><img class="aligncenter size-full wp-image-47372" src="http://localhost/skillcrush-wordpress/wp-content/uploads/2018/03/icon-arrow.png" alt="icon-arrow" width="219" height="251" /></div>
            </div>
            
            <div class="work-process-subsection section-flex">
                <div class="content-image"><img class="aligncenter size-medium wp-image-47378" src="http://localhost/skillcrush-wordpress/wp-content/uploads/2018/03/illus-revise-again-300x235.png" alt="revise again" width="300" height="235" /></div>
                <div class="content">
                    <h2>Revise … Again</h2>
                    Now that everything is finished, we’ll check and double check that everything is exactly how you want it.
                </div>
                <div class="icon-arrow"><img class="aligncenter size-full wp-image-47372" src="http://localhost/skillcrush-wordpress/wp-content/uploads/2018/03/icon-arrow.png" alt="icon-arrow" width="219" height="251" /></div>
            </div>
            
            <div class="work-process-subsection section-flex">
                <div class="content-image"><img class="aligncenter size-medium wp-image-47379" src="http://localhost/skillcrush-wordpress/wp-content/uploads/2018/03/illus-ship-300x223.png" alt="ship it" width="300" height="223" /></div>
                <div class="content ">
                    <h2>Ship It</h2>
                    After a final walkthrough to show you how to maintain everything on your own, we’re ready to launch! Yay!
                </div>
            </div>
            
            <hr class="section-divider" />
        </div>
    </div>
    <div class="services-section section-flex">
        
    </div>
</div>