@extends('layout.new_master')
@section('title', 'The Power of Process!')
@section('meta-title', 'The Power of Process!')
@section('description', 'Process creates freedom. Walk away with a set of practical tools and a clear plan to become #ProcessStrong.')
@section('image', asset('images/webinar/power-of-process/thumbnail.png') )
@section('canonical', '' )

@push('styles')
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g==" crossorigin="anonymous" referrerpolicy="no-referrer" />
@endpush

@section('content')	
<div class="container-fluid">
    <div class="row d-flex justify-content-center power-process d-grid">
        <div class="col-10">
            <div class="row">
                <div class="col">
                    <a href="https://capitaworks.com">
                    <img class="img-fluid mt-4" style="max-height:60px;" src="{{ asset('images/webinar/brand.svg') }}" alt="">
                    </a>
                </div>                
            </div>            
            <div class="row justify-content-center pt-3 pb-5 align-self-md-end align-self-center">
                <div class="col-lg-11 col-md-12 col-12">
                    <div class="row d-flex justify-content-center align-items-end">
                        <div class="col-lg-6 col-md-6 col-12 text-center flex-column">
                            <h2><span class="badge badge-primary bg-pink"><i class="fa-solid fa-tower-broadcast"></i> LIVE WEBINAR</span></h2>                        
                            <div class="row d-flex justify-content-center mt-3">                        
                                <img class="img-fluid w-75" src="{{ asset('images/webinar/power-of-process/title.png') }}" alt="">
                            </div>
                            <div class="row d-flex justify-content-center my-4">
                                <hr class="font-weight-bold text-center bg-yellow-capita rounded mb-0" style="width: 20%; height: 5px; opacity: unset;">
                                <h3 class="font-weight-bold text-white mt-2">How Discipline and Consistency Will Set</h3>
                                <h3 class="font-weight-bold text-orange">You and Your Business Free.</h3>
                                <hr class="font-weight-bold text-center bg-yellow-capita rounded my-0" style="width: 20%; height: 5px; opacity: unset;">
                            </div>
                            <div class="row mt-3">
                                <div class="col bg-yellow-capita rounded-1r p-4">
                                    <iframe class="rounded-1r" style="width: 100%; height: 400px;" src="https://www.youtube.com/embed/5qnE2ikAScA?controls=0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                                </div>
                            </div>
                        </div>
                        <div class="ml-lg-5 ml-0 mt-4 col-lg-5 col-md-6 col-12">
                            <div class="row d-flex align-items-center">
                                <div class="col-lg-6 col-12">
                                    <h2 class="font-weight-bold text-white mt-2">Save the date:</h2>
                                    <h1 class="font-weight-bold text-white mt-2"><i class="fa-regular fa-calendar-days text-yellow-capita"></i> July 27th</h1>
                                    <h3 class="font-weight-bold text-white"><i class="fa-regular fa-clock text-yellow-capita"></i> 12 pm EDT / 9 am PDT</h3>
                                </div>
                                <div class="col-lg-5 col-12">
                                    <div class="row">
                                        <img class="img-fluid" style="width: 40%" src="{{ asset('images/webinar/power-of-process/with.svg') }}" alt="">
                                    </div>                                
                                    <img class="img-fluid" src="{{ asset('images/webinar/power-of-process/name.svg') }}" alt="">
                                </div>
                            </div>
                            <div class="row mt-3">
                                <div class="col bg-white rounded-1r p-4">
                                    <script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2.js"></script>
                                    <script>
                                    hbspt.forms.create({
                                        region: "na1",
                                        portalId: "8301978",
                                        formId: "c9decc36-87a6-4274-a528-5ca49e31aedf"
                                    });
                                    </script>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>  
        </div>
    </div>
    <div class="row d-flex justify-content-center power-process-white d-grid py-5">
        <div class="col-lg-9 col-md-10 col-12">
            <div class="row d-flex justify-content-center">
                <div class="col-lg-5 col-md-8 col-11 bg-dark p-3 text-center">
                    <h2 class="fw-bold display-6 text-white" for="">About our speaker!</h2>
                </div>
            </div>
            <div class="row d-flex align-items-center mt-4">
                <div class="col-lg-6 col-md-5 col-12">
                    <img class="img-fluid my-2" src="{{ asset('images/webinar/power-of-process/author.png') }}?v=20220630.1" alt="">
                </div>
                <div class="col-lg-6 col-md-7 col-12">
                    <h1 class="font-weight-bolder">You will learn how to:</h1>
                    <ul class="ml-5 fa-ul h1">
                        <li class="my-4"><span class="fa-li"><i class="fa-solid fa-circle-check text-yellow-capita"></i></span>Embrace <span class="fw-bold">The Power of Process!</span></li>
                        <li class="my-4"><span class="fa-li"><i class="fa-solid fa-circle-check text-orange"></i></span>Walk away with a set of practical tools and a clear plan to become <span class="fw-bold">#ProcessStrong</span>.</li>
                        <li class="my-4"><span class="fa-li"><i class="fa-solid fa-circle-check text-pink"></i></span>Learn an entrepreneurial approach to getting <span class="fw-bold">better results</span>.</li>
                        <li class="my-4"><span class="fa-li"><i class="fa-solid fa-circle-check text-purple"></i></span>Understand how process creates <span>freedom</span>.</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection