Contact Us Page

https://nouthemes2.mybigcommerce.com/contact/

To show Contact Content Info on Home page, In the Page Builder -> Go to Widgets -> drag and drop HTML block into specified sections.

In field HTML block:

When you are happy with your changes, don't forget click Save HTML and Publish to repackage the edited theme.

After that, input sample content below:

<h3>HOW CAN WE HELP YOU?</h3>
<p class="text">We know how important it is to receive your order in a timely manner, which is why we strive to ship all orders within 24-72 hours.</p>
<div class="icon-info">
    <div class="icon-left">
        <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25" fill="none">
            <path
                d="M15.3008 7.93262C15.8312 7.93262 16.3399 8.14333 16.715 8.5184C17.0901 8.89348 17.3008 9.40218 17.3008 9.93262M15.3008 3.93262C16.8921 3.93262 18.4182 4.56476 19.5434 5.68998C20.6686 6.81519 21.3008 8.34132 21.3008 9.93262M5.30078 4.93262H9.30078L11.3008 9.93262L8.80078 11.4326C9.87174 13.6041 11.6293 15.3617 13.8008 16.4326L15.3008 13.9326L20.3008 15.9326V19.9326C20.3008 20.4631 20.0901 20.9718 19.715 21.3468C19.3399 21.7219 18.8312 21.9326 18.3008 21.9326C14.4 21.6956 10.7209 20.0391 7.95761 17.2758C5.19429 14.5125 3.53783 10.8334 3.30078 6.93262C3.30078 6.40218 3.51149 5.89348 3.88657 5.5184C4.26164 5.14333 4.77035 4.93262 5.30078 4.93262Z"
                stroke="#F43D34"
                stroke-width="2"
                stroke-linecap="round"
                stroke-linejoin="round"
            />
        </svg>
    </div>
    <div class="icon-right">
        <p>Phone number</p>
        <h4>[phone]</h4>
    </div>
</div>
<div class="icon-info">
    <div class="icon-left">
        <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25" fill="none">
            <path
                d="M17.3008 17.9326H19.3008C19.8312 17.9326 20.3399 17.7219 20.715 17.3468C21.0901 16.9718 21.3008 16.4631 21.3008 15.9326V11.9326C21.3008 11.4022 21.0901 10.8935 20.715 10.5184C20.3399 10.1433 19.8312 9.93262 19.3008 9.93262H5.30078C4.77035 9.93262 4.26164 10.1433 3.88657 10.5184C3.51149 10.8935 3.30078 11.4022 3.30078 11.9326V15.9326C3.30078 16.4631 3.51149 16.9718 3.88657 17.3468C4.26164 17.7219 4.77035 17.9326 5.30078 17.9326H7.30078M17.3008 9.93262V5.93262C17.3008 5.40218 17.0901 4.89348 16.715 4.5184C16.3399 4.14333 15.8312 3.93262 15.3008 3.93262H9.30078C8.77035 3.93262 8.26164 4.14333 7.88657 4.5184C7.51149 4.89348 7.30078 5.40218 7.30078 5.93262V9.93262M7.30078 15.9326C7.30078 15.4022 7.51149 14.8935 7.88657 14.5184C8.26164 14.1433 8.77035 13.9326 9.30078 13.9326H15.3008C15.8312 13.9326 16.3399 14.1433 16.715 14.5184C17.0901 14.8935 17.3008 15.4022 17.3008 15.9326V19.9326C17.3008 20.4631 17.0901 20.9718 16.715 21.3468C16.3399 21.7219 15.8312 21.9326 15.3008 21.9326H9.30078C8.77035 21.9326 8.26164 21.7219 7.88657 21.3468C7.51149 20.9718 7.30078 20.4631 7.30078 19.9326V15.9326Z"
                stroke="#F43D34"
                stroke-width="2"
                stroke-linecap="round"
                stroke-linejoin="round"
            />
        </svg>
    </div>
    <div class="icon-right">
        <p>Fax number</p>
        <h4>[phone]</h4>
    </div>
</div>
<div class="icon-info">
    <div class="icon-left">
        <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25" fill="none">
            <path
                d="M3.30078 7.93262C3.30078 7.40218 3.51149 6.89348 3.88657 6.5184C4.26164 6.14333 4.77035 5.93262 5.30078 5.93262H19.3008C19.8312 5.93262 20.3399 6.14333 20.715 6.5184C21.0901 6.89348 21.3008 7.40218 21.3008 7.93262M3.30078 7.93262V17.9326C3.30078 18.4631 3.51149 18.9718 3.88657 19.3468C4.26164 19.7219 4.77035 19.9326 5.30078 19.9326H19.3008C19.8312 19.9326 20.3399 19.7219 20.715 19.3468C21.0901 18.9718 21.3008 18.4631 21.3008 17.9326V7.93262M3.30078 7.93262L12.3008 13.9326L21.3008 7.93262"
                stroke="#F43D34"
                stroke-width="2"
                stroke-linecap="round"
                stroke-linejoin="round"
            />
        </svg>
    </div>
    <div class="icon-right">
        <p>Email address</p>
        <h4>[e-mail]</h4>
    </div>
</div>
<div class="info-time">
    <h3>Opening hour</h3>

    <p>Monday - Friday</p>
    <span>08:00 AM - 08:00 PM</span>

    <p class="des">Saturday</p>
    <span>08:00 AM - 05:00 PM</span>
</div>
<div class="info-follow-us">
    <p>Follow Us</p>
    <ul>
        <li>
            <a href="#" target="_blank">
                <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25" fill="none">
                    <g clip-path="url(#clip0_857_6900)">
                        <path
                            d="M18.0455 14.7071L18.872 10.2069H14.0619V8.61532C14.0619 6.23741 14.995 5.32265 17.4094 5.32265C18.1592 5.32265 18.763 5.34091 19.1105 5.37743V1.2984C18.452 1.11522 16.8422 0.932617 15.9091 0.932617C10.9884 0.932617 8.72004 3.25575 8.72004 8.26779V10.2069H5.68359V14.7071H8.72004V24.4991C9.85922 24.7818 11.0508 24.9326 12.2772 24.9326C12.8809 24.9326 13.4764 24.8955 14.0614 24.8248V14.7071H18.045H18.0455Z"
                            fill="#15191E"
                        />
                    </g>
                    <defs>
                        <clipPath id="clip0_857_6900">
                            <rect width="24" height="24" fill="white" transform="translate(0.300781 0.932617)" />
                        </clipPath>
                    </defs>
                </svg>
            </a>
        </li>
        <li>
            <a href="#" target="_blank">
                <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25" fill="none">
                    <g clip-path="url(#clip0_857_6903)">
                        <path
                            d="M9.28552 20.821C11.288 20.821 12.9114 19.3874 12.9114 17.1952V0.932617H17.2598C17.0159 3.89846 19.9642 6.76339 23.2157 6.69786V10.7868C20.435 10.7868 18.0704 9.61103 17.2474 8.9585V17.1952C17.2474 20.821 14.395 24.9326 9.28552 24.9326C4.17602 24.9326 1.38588 20.821 1.38588 17.1952C1.38588 12.0776 6.80153 9.10966 10.3884 9.83507V13.9999C10.208 13.9361 9.74265 13.8417 9.3463 13.8417C7.32717 13.7673 5.65968 15.4049 5.65968 17.1952C5.65968 19.1977 7.28302 20.821 9.28552 20.821Z"
                            fill="black"
                        />
                    </g>
                    <defs>
                        <clipPath id="clip0_857_6903">
                            <rect width="24" height="24" fill="white" transform="translate(0.300781 0.932617)" />
                        </clipPath>
                    </defs>
                </svg>
            </a>
        </li>
        <li>
            <a href="#" target="_blank">
                <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25" fill="none">
                    <path
                        d="M18.6271 2.83643H22.0005L14.6305 11.2599L23.3008 22.7224H16.512L11.1948 15.7705L5.11073 22.7224H1.73521L9.61822 13.7125L1.30078 2.83643H8.26189L13.0682 9.19076L18.6271 2.83643ZM17.4431 20.7032H19.3124L7.24618 4.74956H5.24024L17.4431 20.7032Z"
                        fill="#15191E"
                    />
                </svg>
            </a>
        </li>
        <li>
            <a href="#" target="_blank">
                <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25" fill="none">
                    <path
                        fill-rule="evenodd"
                        clip-rule="evenodd"
                        d="M21.6911 5.04476C22.7191 5.32153 23.5297 6.13207 23.8064 7.16008C24.3204 9.03816 24.3007 12.9525 24.3007 12.9525C24.3007 12.9525 24.3007 16.847 23.8064 18.7251C23.5297 19.7531 22.7191 20.5636 21.6911 20.8404C19.8131 21.3346 12.3007 21.3346 12.3007 21.3346C12.3007 21.3346 4.80818 21.3346 2.91033 20.8206C1.88232 20.5439 1.07178 19.7333 0.795013 18.7053C0.300781 16.847 0.300781 12.9327 0.300781 12.9327C0.300781 12.9327 0.300781 9.03816 0.795013 7.16008C1.07178 6.13207 1.90209 5.30176 2.91033 5.02499C4.78841 4.53076 12.3007 4.53076 12.3007 4.53076C12.3007 4.53076 19.8131 4.53076 21.6911 5.04476ZM16.1555 12.7954L9.90842 16.3934V9.19743L16.1555 12.7954Z"
                        fill="black"
                    />
                </svg>
            </a>
        </li>
    </ul>
</div>

To show Contact Content Bottom on Home page, In the Page Builder -> Go to Widgets -> drag and drop HTML block into specified sections.

In field HTML block:

When you are happy with your changes, don't forget click Save HTML and Publish to repackage the edited theme.

After that, input sample content below:

<div class="nou-contact-bottom">
    <div class="content-left">
        <h3>OUR OFFICES</h3>
        <p>We know how important it is to receive your order in a timely manner, which is why we strive to ship all orders within 24-72 hours.</p>
        <div class="content-list-item">
            <div class="list-item-contact active">
                <h4>Ho Chi Minh City</h4>
                <p>
                    PO Box 16122 Collins Street West </br>
                    Victoria 8007 Australia </br>
                    [phone]</br>
                    [e-mail]
                </p>
                <a href="#">View location</a>
            </div>
            <div class="list-item-contact">
                <h4>Ho Chi Minh City</h4>
                <p>
                    PO Box 16122 Collins Street West </br>
                    Victoria 8007 Australia </br>
                    [phone]</br>
                    [e-mail]
                </p>
                <a href="#">View location</a>
            </div>
            <div class="list-item-contact">
                <h4>Ho Chi Minh City</h4>
                <p>
                    PO Box 16122 Collins Street West </br>
                    Victoria 8007 Australia </br>
                    [phone]</br>
                    [e-mail]
                </p>
                <a href="#">View location</a>
            </div>
            <div class="list-item-contact">
                <h4>Ho Chi Minh City</h4>
                <p>
                    PO Box 16122 Collins Street West </br>
                    Victoria 8007 Australia </br>
                    [phone]</br>
                    [e-mail]
                </p>
                <a href="#">View location</a>
            </div>
        </div>
    </div>
    <div class="content-right">
        <img class="image image-active" title="Description Image" src="https://cdn11.bigcommerce.com/s-i3ir1cu8vh/product_images/uploaded_images/image-map.jpeg" alt="Description Image" width="687" height="742" />
        <img class="image" title="Description Image" src="https://cdn11.bigcommerce.com/s-i3ir1cu8vh/product_images/uploaded_images/image-map-2.jpeg" alt="Description Image" width="687" height="742" />
        <img class="image" title="Description Image" src="https://cdn11.bigcommerce.com/s-i3ir1cu8vh/product_images/uploaded_images/image-map-3.jpeg" alt="Description Image" width="687" height="742" />
        <img class="image" title="Description Image" src="https://cdn11.bigcommerce.com/s-i3ir1cu8vh/product_images/uploaded_images/image-map-4.jpeg" alt="Description Image" width="687" height="742" />
    </div>
</div>