index.html

<apex:page controller="nupController">
    <!--Header starts-->
    <style>
        .content_container
        {
        padding: 10px;
        background-color: #f2f2f2;
        display: flex;
        flex-direction: column;
        }
        .content_heading
        {
        padding: 10px;
        font-weight: bold;
        font-family: sans-serif;
        font-size: 25px;
        }
        .requests
        {
        padding: 10px;
        background-color: white;
        border-radius: 10px;
        }
    </style>
    <head>
        <img id="theImage" src="https://rahul21.w3spaces.com/Dextara_Venture.png?bypass-cache=08222992" width="480" height="120"/>
        <hr/>
    </head>
    <br/>
    <!--Header ends-->
    
    <div class="content_container">
        <div class="content_heading">
            <p class="new_requests">
                NEW REQUESTS
            </p>
        </div>
        <apex:repeat value="{!acc}" var="a">
            <div class="image">
                
            </div>
            <div class="requests">
                <apex:image url="{!$Resource.room1}" width= "256px" height= "144px"/>
                <apex:outputText value="{!a.name}">
                </apex:outputText>
            </div>
            <br/>
        </apex:repeat>
    </div>    
    
    <!--footer starts-->
    <br/>
    <hr/>
    <center>
        <table>
            <tr>
                <td width='70%'><i>Dextara Ventures</i><p>the place where one lives permanently <br/> especially as a member of a family or household.      
                    </p></td>
                <td><i>Srinivas Kolaparthi</i><p>Email id: srinivas@dextara.com</p>
                    <p>Phone  number: 12234567899</p></td></tr>
        </table>
    </center>
    <!--footer ends-->
        
</apex:page>