avionlogisticsinc.com Review

TitletagDescriptiontaglanguage
Avion Logistics English
Alexarank
377470
Ip adress72.167.126.225Nameserverns55.domaincontrol.com
ns56.domaincontrol.com
Status code200
robots.txt -http://avionlogisticsinc.com/robots.txt
 <!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Avion Logistics</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.8.1/css/all.min.css" />
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat&amp;display=swap" />
    <link rel="stylesheet" href="./style.css" />
    <script src="https://code.jquery.com/jquery-3.6.1.min.js"
        integrity="sha256-o88AwQnZB+VDvE9tvIXrMQaPlFFSUTR+nldQm1LuPXQ=" crossorigin="anonymous"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css"
        integrity="sha512-xh6O/CkQoPOWDdYTDqeRdPCVd1SpvCA9XXcUnZS2FmJNp1coAFzvtCN9BmamE+4aHK8yyUHUSCcJHgXloTyT2A=="
        crossorigin="anonymous" referrerpolicy="no-referrer" />
        <script src="https://www.google.com/recaptcha/api.js" async defer></script>

</head>

<body>
    <div class="app">
        <!-- <button class="cardList__btn btn btn--left"> 2022 All Rights Reserved by Avion Logistics Inc 
            <div class="icon">
                <svg>
                    <use xlink:href="#arrow-left"></use>
                </svg>
            </div>
        </button>
        <button class="cardList__btn btn btn--right">
            <div class="icon">
                <svg>
                    <use xlink:href="#arrow-right"></use>
                </svg>
            </div>
        </button> -->
        <div class="cardList">
            <button class="cardList__btn btn btn--left">
                <div class="icon">
                    <svg>co
                        <use xlink:href="#arrow-left"></use>
                    </svg>
                </div>
            </button>
            <div class="cards__wrapper">
                <div class="card left-back--card">
                    <div class="card__image">
                        <a href="#" class="card-link calculator-modal-btn">
                            <img src="reality-check.png" alt="calculater-img" />
                            <div class="content">
                                <h5>Reality Check</h5>
                                <div class="inner-boxes d-none">
                                    <div class="short-desc">
                                        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit.
                                        </p>
                                    </div>
                                    <hr />
                                    <div class="box">
                                        <small>
                                            Lorem ipsum dolor sit amet consectetur adipisicing elit.
                                        </small>
                                    </div>
                                    <div class="box">
                                        <small>
                                            Lorem ipsum dolor sit amet consectetur adipisicing elit.
                                        </small>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>

                <div class="card previous--card">
                    <div class="card__image">
                        <a href="#" class="card-link contact-modal-btn">
                            <img src="contact-us.png" alt="contactus-img" />
                            <div class="content">
                                <h5>Contact us</h5>
                                <div class="inner-boxes d-none">
                                    <div class="short-desc">
                                        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit.
                                        </p>
                                    </div>
                                    <hr />
                                    <div class="box">
                                        <small>
                                            Lorem ipsum dolor sit amet consectetur adipisicing elit.
                                        </small>
                                    </div>
                                    <div class="box">
                                        <small>
                                            Lorem ipsum dolor sit amet consectetur adipisicing elit.
                                        </small>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>

                <!-- <div class="card current--card">
                    <div class="card__image">
                        <a href="#" class="card-link">
                            <img src="home-banner.png" alt="home-img" />
                        </a>
                    </div>
                </div> -->

                <div class="card current--card">
                    <div class="card__image">
                        <a href="#" class="card-link about-modal-btn">
                            <img src="home-banner.png" alt="about-img" />
                            <div class="content d-none">
                                <h5>About us</h5>
                                <div class="inner-boxes d-none">
                                    <div class="short-desc">
                                        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit.
                                        </p>
                                    </div>
                                    <hr />
                                    <div class="box">
                                        <small>
                                            Lorem ipsum dolor sit amet consectetur adipisicing elit.
                                        </small>
                                    </div>
                                    <div class="box">
                                        <small>
                                            Lorem ipsum dolor sit amet consectetur adipisicing elit.
                                        </small>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>

                <div class="card next--card">
                    <div class="card__image">
                        <a href="#" class="card-link service-modal-btn">
                            <img src="services.png" alt="service-img" />
                            <div class="content">
                                <h5>Services</h5>
                                <div class="inner-boxes d-none">
                                    <div class="short-desc">
                                        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit.
                                        </p>
                                    </div>
                                    <hr />
                                    <div class="box">
                                        <small>
                                            Lorem ipsum dolor sit amet consectetur adipisicing elit.
                                        </small>
                                    </div>
                                    <div class="box">
                                        <small>
                                            Lorem ipsum dolor sit amet consectetur adipisicing elit.
                                        </small>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
            <button class="cardList__btn btn btn--right">
                <div class="icon">
                    <svg>
                        <use xlink:href="#arrow-right"></use>
                    </svg>
                </div>
            </button>
        </div>
        <div class="app__bg">
            <div class="app__bg__image left-back--image">
                <img src="home-banner.png" alt="calculater-img" />
            </div>

            <div class="app__bg__image previous--image">
                <img src="home-banner.png" alt="contactus-img" />
            </div>

            <div class="app__bg__image current--image">
                <img src="home-banner.png" alt="home-img" />
            </div>

            <div class="app__bg__image next--image">
                <img src="home-banner.png" alt="about-img" />
            </div>

            <div class="app__bg__image right-back--image">
                <img src="home-banner.png" alt="service-img" />
            </div>
        </div>
    </div>
    <div class="loading__wrapper">
        <div class="loader--text">
            <img src="logo.png" alt="logo">
            Loading...
        </div>
        <div class="loader">
            <span></span>
        </div>
    </div>

    <!-- about modal content here -->
    <div class="AboutModal Modal">
        <div class="Close"><img src="Close.svg" height="60px" width="60px;" /></div>
        <div class="modal-content">
            <div class="about-content inner-content">
                <div class="dual-grid">
                    <div class="grid image-grid">
                        <img src="about-banner-two.jpg" alt="about-img" srcset="">
                    </div>
                    <div class="grid content-grid">
                        <div class="inner-grid-title">
                            <h2>Avion Logistics</h2>
                            <div class="semi-heading">
                                <h3>We'll spare you the history and show you what Avion can do for your shipping needs
                                    right now.</h3>
                            </div>
                        </div>
                        <p>
                            What's important to understand is that at Avion, our mission is to provide cost-efficient
                            solutions to provide your
                            logistics department with expert service scaled to your specific needs. We'll tailor a plan
                            that achieves the results
                            you need and delivers satisfaction!
                        </p>
                        <p>
                            <b class="redirct-to-contact-us"><a href="#" style="color: #fff;">Contact</a>
                            </b> our experts now and get tailor built solution.
                        </p>

                    </div>
                </div>
            </div>
        </div>


    </div>


    <!-- service modal content here -->
    <div class="ServiceModal Modal">
        <div class="Close"><img src="Close.svg" height="60px" width="60px;" /></div>
        <div class="inner-title">
            <h2>Tailored Transportation Services</h2>
        </div>

        <div class="iner-data">

            <div class="flip-box">
                <div class="flip-box-inner">
                    <div class="flip-box-front">
                        <img src="./icons/fuel.png" alt="" srcset="">
                    </div>
                    <div class="flip-box-back">
                        <h3>Fuel efficiencies</h3>
                    </div>
                </div>
            </div>
            <div class="flip-box">
                <div class="flip-box-inner">
                    <div class="flip-box-front">
                        <img src="./icons/hassle.png" alt="" srcset="">
                    </div>
                    <div class="flip-box-back">
                        <h3>No Hassle hiring /firing drivers</h3>
                    </div>
                </div>
            </div>
            <div class="flip-box">
                <div class="flip-box-inner">
                    <div class="flip-box-front">
                        <img src="./icons/insurance.png" alt="" srcset="">
                    </div>
                    <div class="flip-box-back">
                        <h3>No issues with insurance</h3>
                    </div>
                </div>
            </div>
            <div class="flip-box">
                <div class="flip-box-inner">
                    <div class="flip-box-front">
                        <img src="./icons/accident-free.png" alt="" srcset="">
                    </div>
                    <div class="flip-box-back">
                        <h3>No accident costs</h3>
                    </div>
                </div>
            </div>

        </div>

        <div class="iner-data">

            <div class="flip-box">
                <div class="flip-box-inner">
                    <div class="flip-box-front">
                        <img src="./icons/cvor.png" alt="" srcset="">
                    </div>
                    <div class="flip-box-back">
                        <h3>No CVOR stress</h3>
                    </div>
                </div>
            </div>
            <div class="flip-box">
                <div class="flip-box-inner">
                    <div class="flip-box-front">
                        <img src="./icons/maintenance.png" alt="" srcset="">
                    </div>
                    <div class="flip-box-back">
                        <h3>No Maintenace cost</h3>
                    </div>
                </div>
            </div>
            <div class="flip-box">
                <div class="flip-box-inner">
                    <div class="flip-box-front">
                        <img src="./icons/wsib.png" alt="" srcset="">
                    </div>
                    <div class="flip-box-back">
                        <h3>No WSIB needed</h3>
                    </div>
                </div>
            </div>
            <div class="flip-box">
                <div class="flip-box-inner">
                    <div class="flip-box-front">
                        <img src="./icons/dipatch.png" alt="" srcset="">
                    </div>
                    <div class="flip-box-back">
                        <h3>No need to hire own Dispatchers</h3>
                    </div>
                </div>
            </div>

        </div>

        <div class="iner-data">

            <div class="flip-box">
                <div class="flip-box-inner">
                    <div class="flip-box-front">
                        <img src="./icons/payroll.png" alt="" srcset="">
                    </div>
                    <div class="flip-box-back">
                        <h3>No Payroll required</h3>
                    </div>
                </div>
            </div>
            <div class="flip-box">
                <div class="flip-box-inner">
                    <div class="flip-box-front">
                        <img src="./icons/truck.png" alt="" srcset="">
                    </div>
                    <div class="flip-box-back">
                        <h3>No need to have own trucks</h3>
                    </div>
                </div>
            </div>
            <div class="flip-box">
                <div class="flip-box-inner">
                    <div class="flip-box-front">
                        <img src="./icons/insurance.png" alt="" srcset="">
                    </div>
                    <div class="flip-box-back">
                        <h3>Fleet insurance</h3>
                    </div>
                </div>
            </div>


        </div>
    </div>


    <!-- contact modal content here -->
    <div class="ContactModal Modal">
        <div class="Close"><img src="Close.svg" height="60px" width="60px;" /></div>
        <div class="modal-content">
            <div class="about-content inner-content">
                <div class="modal-title">
                    <h2>Contact us</h2>
                </div>
                <div class="dual-grid contact-dual-grid">
                    <div class="grid form-grid">
                        <form action="">
                            <div class="row">
                                <div class="col-6">
                                    <label for="fname">First Name</label>
                                    <input type="text" id="fname" name="firstname" placeholder="Your name">
                                </div>
                                <div class="col-6">
                                    <label for="lname">Last Name</label>
                                    <input type="text" id="lname" name="lastname" placeholder="Your last name">
                                </div>
                                <div class="col-12">
                                    <label for="email">Email</label>
                                    <input type="tel" id="email" name="email" placeholder="Your email address">
                                </div>
                                <div class="col-12">
                                    <label for="phone">Phone</label>
                                    <input type="tel" id="phone" name="phone" placeholder="Your phone number">
                                </div>
                                <div class="col-12">
                                    <label for="subject">Message</label>
                                    <textarea id="subject" name="subject" placeholder="Write something.."
                                        style="height:100px"></textarea>
                                </div>
                                <div class="col-12">
                                    <div class="g-recaptcha" data-sitekey="6Ld6LU0jAAAAAExqN51zqJZVhXf7Si7zR3-aNAxZ"></div>
                                </div>

                                <div class="col-12 text-end">
                                    <input type="button" class="contact-button" value="Submit">
                                </div>
                            </div>

                        </form>
                    </div>
                    <div class="grid content-grid">
                        <div class="inner-grid-title">
                            <h2>Get in touch with us!</h2>

                        </div>

                        <ul style="list-style: none;margin: 25px 0 !important;">
                            <li><i class="fa fa-phone"></i><a href="tel:6473836484">647-383-6484</a></li>
                            <li><i class="fa fa-envelope"></i><a
                                    href="mailto:contact@avionlogisticsinc.com">contact@avionlogisticsinc.com</a>
                            </li>
                            <li><i class="fa fa-map-marked-alt"></i>
                                <p>
                                    Avion Logistics Inc
                                    <img src="cn-flag.png" alt="canada flag" srcset="" style="margin: -4px 0;">
                                    </br>
                                    165 The Queensway #346
                                    </br>
                                    Toronto ON M8Y1H8
                                    </br>
                                    Canada
                                </p>

                            </li>

                        </ul>


                        <div class="inner-grid-title">
                            <h2>Get connected !</h2>
                        </div>

                        <ul class="social-icons" style="list-style: none; display: inline-block;">
                            <li><i class="fa-brands fa-facebook"></i></li>
                            <li><i class="fa-brands fa-instagram"></i></li>
                            <li><i class="fa-brands fa-youtube"></i></li>
                            <li><i class="fa-brands fa-linkedin"></i></li>

                        </ul>
                    </div>
                </div>
            </div>
        </div>


    </div>


    <div class="CalculatorModal Modal">
        <div class="Close"><img src="Close.svg" height="60px" width="60px;" /></div>
        <div class="modal-content">
            <div class="about-content inner-content">
                <div class="modal-title">
                    <h2 style="text-align:center;margin-bottom:25px;">Reality Check</h2>
                </div>
                <div class="calculator-grid">
                    <div class="grid form-grid">
                        <form class="calculation_form">
                            <div class="row" style="display: block; float:left;">
                                <div class="col-12">
                                    <label for="total_hours_truck_usage">Total Hours Truck Usage / week</label>
                                    <input type="text" value="0" onkeypress="return isNumber(event)" required=""
                                        id="total_hours_truck_usage" name="total_hours_truck_usage"
                                        placeholder="Total Hours Truck Usage / week">
                                </div>

                                <div class="col-12">
                                    <label for="hourly_driver_cost">Hourly driver cost</label>
                                    <input type="text" value="0" onkeypress="return isNumber(event)" required=""
                                        id="hourly_driver_cost" name="hourly_driver_cost"
                                        placeholder="Hourly driver cost">
                                </div>
                            </div>
                        </form>
                    </div>
                    <div class="grid content-grid" style=" border: 1px dashed #eeeeee91; background: #002553;">
                        <div class="col-12">
                            <h3 class="" style="margin-bottom:25px;">Total:</h3>
                        </div>
                        <div class="col-12 total-values-section">
                            <h4>Total Cost / month <span class="value per-month"></span></h4>
                            <h4>Total Cost / hour (Without Driver Cost): <span
                                    class="value per-hour-without-driver"></span></h4>
                            <h4>Total Cost / hour (With Driver Cost): <span class="value per-hour-with-driver"></span>
                            </h4>
                        </div>
                    </div>
                    <div class="full-grid form-grid">
                        <form class="calculation_form">
                            <div class="row" style="display: block; float:left;">
                                <div class="col-12">
                                    <h3 class="" style="margin-bottom:25px;">Please insert monthly
                                        costs:</h3>
                                </div>

                                <div class="col-3">
                                    <label for="truck_payment">Truck Payment </label>
                                    <input type="text" class="monthly-field" value="0"
                                        onkeypress="return isNumber(event)" required="" id="truck_payment"
                                        name="truck_payment" placeholder="Truck Payment ">
                                </div>

                                <div class="col-3">
                                    <label for="insurance">Insurance</label>
                                    <input type="text" class="monthly-field" value="0"
                                        onkeypress="return isNumber(event)" required="" id="insurance" name="insurance"
                                        placeholder="Insurance">
                                </div>

                                <div class="col-3">
                                    <label for="fuel">Fuel</label>
                                    <input type="text" class="monthly-field" value="0"
                                        onkeypress="return isNumber(event)" required="" id="fuel" name="fuel"
                                        placeholder="Fuel">
                                </div>

                                <div class="col-3">
                                    <label for="annual_safety">Annual safety</label>
                                    <input type="text" class="monthly-field" value="0"
                                        onkeypress="return isNumber(event)" required="" id="annual_safety"
                                        name="annual_safety" placeholder="Annual safety">
                                </div>

                                <div class="col-3">
                                    <label for="maintenance">Maintenance</label>
                                    <input type="text" class="monthly-field" value="0"
                                        onkeypress="return isNumber(event)" required="" id="maintenance"
                                        name="maintenance" placeholder="Maintenance">
                                </div>


                                <div class="col-3">
                                    <label for="truck_wash">Truck wash</label>
                                    <input type="text" class="monthly-field" value="0"
                                        onkeypress="return isNumber(event)" required="" id="truck_wash"
                                        name="truck_wash" placeholder="Truck wash">
                                </div>

                                <div class="col-3">
                                    <label for="safety_operator_cost">Safety operator cost</label>
                                    <input type="text" class="monthly-field" value="0"
                                        onkeypress="return isNumber(event)" required="" id="safety_operator_cost"
                                        name="safety_operator_cost" placeholder="Safety operator cost">
                                </div>


                                <div class="col-3">
                                    <label for="dispatch">Dispatch</label>
                                    <input type="text" class="monthly-field" value="0"
                                        onkeypress="return isNumber(event)" required="" id="dispatch" name="dispatch"
                                        placeholder="Dispatch">
                                </div>

                                <div class="col-3">
                                    <label for="damages">Damages</label>
                                    <input type="text" class="monthly-field" value="0"
                                        onkeypress="return isNumber(event)" required="" id="damages"
                                        name="safety_operator_cost" placeholder="Damages">
                                </div>



                                <div class="col-3">
                                    <label for="medical_benefit">Medical benefit</label>
                                    <input type="text" class="monthly-field" value="0"
                                        onkeypress="return isNumber(event)" required="" id="medical_benefit"
                                        name="medical_benefit" placeholder="Medical benefit">
                                </div>

                                <div class="col-3">
                                    <label for="wsib">WSIB</label>
                                    <input type="text" class="monthly-field" value="0"
                                        onkeypress="return isNumber(event)" required="" id="wsib" name="wsib"
                                        placeholder="WSIB">
                                </div>

                                <div class="col-3">
                                    <label for="eld_log_books">ELD software/Log books</label>
                                    <input type="text" class="monthly-field" value="0"
                                        onkeypress="return isNumber(event)" required="" id="eld_log_books"
                                        name="eld_log_books" placeholder="ELD software/Log books">
                                </div>
                                <div class="col-3">
                                    <label for="tracking_software">Routing/tracking software</label>
                                    <input type="text" class="monthly-field" value="0"
                                        onkeypress="return isNumber(event)" required="" id="tracking_software"
                                        name="tracking_software" placeholder="Routing/tracking software">
                                </div>
                                <div class="col-3">
                                    <div class="g-recaptcha" data-sitekey="6Ld6LU0jAAAAAExqN51zqJZVhXf7Si7zR3-aNAxZ"></div>
                                </div>

                                <div class="col-12 text-end form-action">
                                    <input class="form-btn btn " type="button" onclick="calculateSum()"
                                        value="Calculate Cost">

                                    <input class="btn" type="reset" onclick="resetForm()" value="Reset Form">

                                </div>
                            </div>

                        </form>
                    </div>
                </div>
            </div>
        </div>


    </div>



    <div class="footer-section">
        <div class="row">
            <div class="footer-logo col col-left">
                <img src="logo.png" alt="logo" srcset="">
            </div>
            <div class="footer-copyright-text col col-center text-center">
                <small>© 2022 All Rights Reserved by Avion Logistics Inc | Powered by <a style="color:#000"
                        href="https://www.empower.social/" target="_blank">Empower</a> ©</small>
            </div>
            <div class="col col-right text-end">
                <ul style="list-style: none;">
                    <li>
                        <small>
                            <i class="fa fa-phone"></i><a href="tel:6473836484">647-383-6484</a> | <i
                                class="fa fa-envelope"></i><a
                                href="mailto:contact@avionlogisticsinc.com">contact@avionlogisticsinc.com</a>
                        </small>
                    </li>

                </ul>
            </div>
        </div>
    </div>

    <svg class="icons" style="display: none">
        <symbol id="arrow-left" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <polyline points="328 112 184 256 328 400"
                style="fill: none; stroke: #fff; stroke-linecap: round; stroke-linejoin: round; stroke-width: 48px" />
        </symbol>
        <symbol id="arrow-right" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <polyline points="184 112 328 256 184 400"
                style="fill: none; stroke: #fff; stroke-linecap: round; stroke-linejoin: round; stroke-width: 48px" />
        </symbol>
    </svg>
    <script src="https://unpkg.com/imagesloaded@4/imagesloaded.pkgd.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.3.3/gsap.min.js"></script>
    <script src="./script.js"></script>
</body>

</html>
HTTP/1.1 200 OK
Date: Fri, 22 Aug 2025 22:09:58 GMT
Server: Apache
X-Powered-By: PHP/7.4.33
Upgrade: h2,h2c
Connection: Upgrade, Keep-Alive
Vary: Accept-Encoding
Content-Encoding: br
Content-Length: 3910
Keep-Alive: timeout=5
Content-Type: text/html; charset=UTF-8

iframe