<div class="col-md-3 mx-auto">
    <h6 class="font-weight-bold mt-3 mb-4">About</h6>
    <ul class="list-unstyled">
        <li><a href="#paragrapgh1" style="color: steelblue;">Company</a></li>
        <li><a href="#paragrapgh2" style="color: steelblue;">Documents</a></li>
    </ul>
</div>
<div class="container">
    <div class="row" style="max-width: 100%; font-family: Nunito;">
        <div class="auto-style1">
            <img id="image1" alt="aboutimg" src="https://i.imgur.com/73e8Dja.png" />
        </div>
        <div class="writing" style="height: 50px; overflow-x: auto;">
            <div class="inner">
                <strong>
                    <div id="paragrapgh1">
                        Para 1
                    </div>
                </strong>
                <p style="margin: 1em auto 2em auto;">
                    This is where organization profle will be displayed
                </p>
            </div>
            <strong>
                <div id="paragrapgh2">
                    Para 2
                </div>
            </strong>
            <p style="margin: 1em auto 2em auto;">
                content about the product and services of the above mentioned organization
            </p>
        </div>
        <p>DOCUMENTS TO USE QR on –</p>
    </div>
</div>