Register Page

All code are beautifully written. You can customize easily. Just look the register.html file go to login form code with change and use the class

amex bootstrap 4 admin dashboard provide this beautifull with standard input register form you can see this documentation

<form>
    <div class="form-group">
        <label for="firstName" class="control-label">First Name</label>
        <input type="text" id="firstName" placeholder="First Name" class="form-control" autofocus="">
    </div>
    <div class="form-group">
        <label for="firstName" class="control-label">Last Name</label>
        <input type="text" id="lastname" placeholder="Last Name" class="form-control" autofocus="">
    </div>
</form>

Invoice Page

All code are beautifully written. You can customize easily. Just look the invoice.html file go to form code with change and use the class invoice-table

you would like to edit a specific section of the site, simply find the appropriate label in the amex/scss/pages/table.scss file, and then scroll down until you find the appropriate style that needs to be edited.If you change the invoice table pattern find the following section in the table.scss

<table class="table table-bordered invoice-table m-t-50 text-center">
    <thead>
        <tr><th>sl</th></tr>
        <tr><th>Product description</th></tr>
        <tr><th>Quantity</th></tr>
    </thead>
    <tbody>
        <tr><td>01</td></tr>
        <tr><td>Acer Aspire A3114" laptop</td></tr>
        <tr><td>03</td></tr>
    </tbody>
</table>

Profile Page

All code are beautifully written. You can customize easily. Just look the profile.html file go to form code with change and use the class bg-purple you can use the different design profile card just the bg-purple class

you would like to edit a specific section of the site, simply find the appropriate label in the amex/scss/pages/profile.scss file, and then scroll down until you find the appropriate style that needs to be edited.If you change the profile pattern find the following section in the profile.scss

amex bootstrap 4 admin dashboard provide this beautifull with standard input register form you can see this documentation

<div class="card">
    <div class="profile-content">
        <div class="profile-header bg-purple">
            <img class="rounded-circle profile-author-img stoke" src="images/notification-1.jpg" alt="">
        </div>
        <div class="profile-card">
            <------content------->
        </div>
    </div>
</div>

Gallery Page

All code are beautifully written. You can customize easily. Just look the gallery.html file go to form code with change and use the class

you would like to edit a specific section of the site, simply find the appropriate label in the amex/scss/pages/gallery.scss file, and then scroll down until you find the appropriate style that needs to be edited.If you change the gallery pattern find the following section in the gallery.scss

amex bootstrap 4 admin dashboard provide this beautifull with standard input register form you can see this documentation

<div class="filter-option text-right">
    <ul>
        <li><a href="#!" class="filter" data-filter=".filter-dress">ALL</a></li>
        <li><a href="#!" class="filter" data-filter=".filter-dress">DESIGN</a></li>
        <li><a href="#!" class="filter" data-filter=".filter-dress">CODER</a></li>
        <li><a href="#!" class="filter" data-filter=".filter-dress">FULLSTACK</a></li>
    </ul>
</div>
<div class="card-body p-l-15 p-r-15 p-t-30">
    <div id="grid" class="mobile-broken-col-xs">
        <div class="col-lg-3 col-md-6 col-sm-6 mix filter-dress filter-shoe filter-perfume" data-bound="" style="display: inline-block;">
            <div class="gallery-box pr m-b-30 text-center">
                <img class="img-fluid" src="images/gallery/gallery1.jpg" alt="">
                <div class="gallery-overlay"></div>
            </div>
        </div>
    </div>
</div>

js file

<---include css file---->                                        
<link href="css/vendor/simplelightbox.css" rel="stylesheet">

<---include js file----> 
<script src="js/vendor/simple-lightbox.min.js"></script">
<script src="js/vendor/mixitup.min.js"></script">
<----use this code----> 
<script>
    $('#grid').mixItUp();
    $('.filter-option li a').eq(0).addClass('active');
    $('#grid .zoom-button').simpleLightbox();
</script>

Pricing Page

All code are beautifully written. You can customize easily. Just look the pricing.html file go to form code with change and use the class bg-primary you can use the different pricing table just the bg-purple class and change this any button style

you would like to edit a specific section of the site, simply find the appropriate label in the amex/scss/pages/pricing.scss file, and then scroll down until you find the appropriate style that needs to be edited.If you change the pricing table pattern find the following section in the pricing.scss

<div class="card m-b-30 no-border">
    <div class="card-body">
        <div class="pricing-table text-center m-t-15">
            <div class="price-header">
                <div class="price-value">
                    <span class="common-title">BASIC</span>
                    <h2 class="m-t-20"><span class="f-s-17">$</span>99</h2>
                </div>
            </div>
            <ul>
                <li>19 Analytics Compaign</li>
                <li>Unlimited Brandwidth<li>
                <li>49 Host Domain<li>
                <li>Free Optimization<li>
                <li>24/7 Customer Support<li>
                <li><a class="btn btn-purple btn-rounded m-t-20 w-140 m-b-10 text-white f-s-11" href="#">PURCHASE</a><li>
            </ul>
        </div>
    </div>
</div>