@include('layouts.help.header')


<div class="help-support-container">
    <header class="header">
        <div class="container-fluid">
            <div class="header-wrapper">
                <div class="header-arrow">                
                </div>
                <div class="header-middile">
                    <h1>How to Activate</h1>
                </div>
                <div class="header-right">
                    <h3><a href="{{url('/')}}/help">Help</a></h3>
                </div>
            </div>
        </div>
    </header>
    <div class="how-to-scan-qr-content-wrapper1">
        <div class="container-fluid">
    <!--            <div class="how-to-scan-title-wrapper">
                    <h2>How to Activate</h2>
                    <p>It’s easier than making a toast!</p>
                </div>-->

            <div class="how-to-scan-info-wrapper">
                <div class="nfc-step-title">
                    <h4>Step 1:</h4>
                    <p>Login on vCarrd to activate your digital Card</p>
                </div>

                <div class="how-to-scan-info-images text-center">
                    <img src="{{url('/')}}/assets/help/images/how_to_login.png" alt="Login on vCarrd" title="Login on vCarrd">
                </div>
                <div class="nfc-step-title">
                    <h4>Step 2:</h4>
                    <p>Select the profile where you want to include a link, then click "Edit."</p>
                </div>

                <div class="how-to-scan-info-images text-center">
                    <img src="{{url('/')}}/assets/help/images/add-links-step-1.png" alt="Add Link Step 1" title="Add Link Step 1">
                </div>

                <div class="nfc-step-title">
                    <h4>Step 3:</h4>
                    <p>Press "Add Link" to insert additional links. (You can add multiple links to the same vCarrd.)</p>
                </div>

                <div class="how-to-scan-info-images text-center">
                    <img src="{{url('/')}}/assets/help/images/add-links-step-2.png" alt="Add Link Step 2" title="Add Link Step 2">
                </div>

                <div class="nfc-step-title">
                    <h4>Step 4:</h4>
                    <p>Browse and pick the link you want to include.</p>
                </div>

                <div class="how-to-scan-info-images text-center">
                    <img src="{{url('/')}}/assets/help/images/add-links-step-3.png" alt="Add Link Step 3" title="Add Link Step 3">
                </div>

                <div class="nfc-step-title">
                    <h4>Step 5:</h4>
                    <p>Enter your title and username and tap "Save."</p>
                </div>

                <div class="how-to-scan-info-images text-center">
                    <img src="{{url('/')}}/assets/help/images/add-links-step-4.png" alt="Add Link Step 4" title="Add Link Step 4">
                </div>
            </div>
        </div>
    </div>
</div>

@include('layouts.help.footer')