<?php
defined('BASEPATH') OR exit('No direct script access allowed');
$this->load->helper('url');
$this->load->helper('form');
?>
<html>
    <head>
        <style>
            #container{
                background-color:#FBFCFD;
                width:595px;
                height:842px;
                margin-left:auto;
                margin-right:auto;
                border:1px;
            }
            #header{
                //background-color:green;
                height:30%;
                width:100%;
            }
            #hmoto{
                width:60%;
                height:80%;
                //background-color:red;
                float:left;
            }
            #moto{
                //background-color:blue;
                width:70%;
                height:35%;
                margin-top:20px;
                margin-left:20px;

            }

            #logo{
                //background-color:red;
                float:right;
                width:30%;
                height:80%;
            }
            #cusadres{
                //background-color:blue;
                height:40%;
                width:80%;
                margin-top:30px;
                margin-left:30px;
            }
            #dear{


                height:20%;
                width:100%;
                float:left;
            }

            #dear1{
                //background-color:blue;
                height:50%;
                width:40%;
                margin-left:30px;
                float:left;


            }

            #dear2{

                //background-color:blue;
                height:50%;
                width:20%;
                margin-left:100px;
                float:right;
            }

            #content{
                //background-color:blue;
                height:55%;
                width:100%;


            }
            #topic{
                //background-color:yellow;
                height:5%;
                width:50%;
                margin-left:auto;
                margin-right:auto;
            }
            #topic1{
                //background-color:yellow;
                height:10%;
                width:70%;
                margin-left:90px;

            }
            #subcontent{
                //background-color:red;
                width:100%;
                height:60%;
            }
            #subcontent2{
                //background-color:yellow;
                width:50%;
                height:25%;
                margin-left:50px;
            }
            #footer{

                width:100%;
                height:15%;
            }
            #adres{
                //background-color:red;
                width:40%;
                height:100%;
                float:right;
            }
            #row{
                height:30px;
                width:90%;

            }
            #row1{
                height:16px;
                width:100%;
            }
            #row2{
                height:16px;
                width:90%;
                margin-left:20px;
            }
            #row3{
                height:16px;
                width:50%;
                margin-left:40px;
            }
        </style>
    </head>
    <body>
        <div id="container">
            <div id="header">
                <div id="hmoto">
                    <div id="moto">
                        <img src="<?php echo base_url(); ?>assests/images/keengraphics.PNG" width="100%" height="100%">
                    </div>
                    <div id="cusadres">
                        <div id="row1">#108, Cambridge Court</div>
                        <div id="row1">Wewala Piliyandala</div>
                        <div id="row1">0777 662 971</div>
                        <div id="row1">keengraphics@slt.lk</div>
                    </div>
                </div>
                <div id="logo">
                    <img src="<?php echo base_url(); ?>assests/images/keen1.PNG" width="100%" height="100%">
                </div>
                <div id="dear">
                    <div id="dear1">Dear Sir,
                    </div>
                    <div id="dear2">Ref:019293
                    </div>
                </div>
            </div>

            <div id="content">
                <div id="topic">
                    <u>Quatation for Printing and Supplying</u>
                </div>
                <div id="topic1">
                    <p>Hexadecimal Colors. With HTML, RGB values can also be specified using hexadecimal </p>
                </div>
                <div id="subcontent">
                </div>
                <div id="subcontent2">
                    <div id="row2">Thanking You,</div>
                    <div id="row2">Yours Faithfully,</div>
                    <div id="row1"><img src="<?php echo base_url(); ?>assests/images/signature.PNG" width="60%" height="100%"></div>
                    <div id="row3">Proprietor</div>
                </div>
            </div>

            <div id="footer">
                <div id="adres">
                    <div id="row"><img src="icon.png" width="20px"  height="8px"> #108, Cambridge Court</div>
                    <div id="row"><img src="icon.png" width="20px"  height="8px"> Wewala Piliyandala</div>
                    <div id="row"><img src="icon.png" width="20px"  height="8px"> 0777 662 971</div>
                    <div id="row"><img src="icon.png" width="20px"  height="8px"> keengraphics@slt.lk</div>

                </div>
            </div>
        </div>
    </body>
</html>