assignment2/about.php at master · usmanawan967/assignment2 · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
<!DOCTYPE html>
<?php
require "header_footer.php";
?>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="Online Shopping Website">
    <meta name="keywords" content="online shopping,e-commerce,home delivery">
    <meta name="author" content="Muhammad Ahmad,Abdullah Sajjad,Usman Fayyaz">
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css">
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
    <script src="https://getbootstrap.com/docs/4.0/dist/js/bootstrap.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
    <link href="https://getbootstrap.com/docs/4.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <title>about</title>
</head>
<body>

<?php getHeader(); ?>

<div class="container" id="container_about" style="background-color: ghostwhite">
    <div class="row featurette">
        <div class="col-md-7">
            <h2 class="featurette-heading">Who we are?<span class="text-muted"></span></h2>
            <p class="lead">A group of young professionals eager to learn something new in the process of creating something different.</p>
        </div>
        <div class="col-md-5">
            <img src="images/whovr.jpg" class="img-fluid" alt="">
        </div>
    </div>

    <hr class="featurette-divider">

    <div class="row featurette">
        <div class="col-md-7 order-md-2">
            <h2 class="featurette-heading">Why are we doing this? <span class="text-muted"></span></h2>
            <p class="lead">What started off as a simple semester project is now being visited by hundreds, this is exactly why we are doing this...</p>
        </div>
        <div class="col-md-5 order-md-1">
            <img src="images/images.png" class="img-fluid" alt="">
        </div>
    </div>

    <hr class="featurette-divider">

    <div class="row featurette">
        <div class="col-md-7">
            <h2 class="featurette-heading">What makes us different? <span class="text-muted"></span></h2>
            <p class="lead">We have provided you with everything to see why this is different than other e-commerce websites.</p>
        </div>
        <div class="col-md-5">
            <img src="images/different.jpg" class="img-rounded" alt="">
        </div>
    </div>

    <hr class="featurette-divider">

    <div class="row featurette">
        <div class="col-md-5">
            <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3403.809745790411!2d74.26604291462898!3d31.446904257913545!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3919017432b1835b%3A0xe396992a5b05891c!2sUniversity+of+Central+Punjab!5e0!3m2!1sen!2s!4v1543074940819" width="400" height="300" frameborder="0" style="border:0" allowfullscreen></iframe>
        </div>
        <div class="col-md-7">
            <h2 class="featurette-heading">Our Location <span class="text-muted"></span></h2>
            <p class="lead">Address of our office is at 1-Khayaban-e-Jinnah Road,<br> Johar Town, Lahore.</p>
        </div>
    </div>


    <hr class="featurette-divider">

    <div class="row featurette">
        <div class="col-md-7" id="contributors">
            <h2 class="featurette-heading">Contributors <span class="text-muted"></span></h2>
        </div>
    </div>


    <div class="row">
        <div class="col">
            <img src="images/perso.jpg" class="rounded-circle" width="50" height="50" alt="">
            <h2>Usman Ahmad Awan</h2>
        </div><!-- /.col-lg-4 -->
        <div class="col">
            <img src="images/perso.jpg" class="rounded-circle" width="50" height="50" alt="">
            <h2>Fayzan Wasim</h2>
        </div><!-- /.col-lg-4 -->
        <div class="col">
            <img src="images/perso.jpg" class="rounded-circle" width="50" height="50" alt="">
            <h2>Usman Fayyaz</h2>
        </div><!-- /.col-lg-4 -->
    </div><!-- /.row -->

    <div class="row">
        <div class="col">
            <img src="images/perso.jpg" class="rounded-circle" width="50" height="50" alt="">
            <h2>Muhammad Ahmad</h2>
        </div><!-- /.col-lg-4 -->
        <div class="col">
            <img src="images/perso.jpg" class="rounded-circle" width="50" height="50" alt="">
            <h2>Bilal Ahmad</h2>
        </div><!-- /.col-lg-4 -->
        <div class="col">
            <img src="images/perso.jpg" class="rounded-circle" width="50" height="50" alt="">
            <h2>Abdullah Sajjad</h2>
        </div><!-- /.col-lg-4 -->
    </div><!-- /.row -->

    <hr class="featurette-divider">

    <div class="row">
        <div class="col-lg-3">
        </div>
        <div class="col-lg-6" style="text-align: center;">
            <h2>Social</h2>
            <div class="social">
                <a href="#" id="share-fb" class="sharer button"><i class="fa fa-3x fa-facebook-square"></i></a>
                <a href="#" id="share-tw" class="sharer button"><i class="fa fa-3x fa-twitter-square"></i></a>
                <a href="#" id="share-li" class="sharer button"><i class="fa fa-3x fa-linkedin-square"></i></a>
                <a href="#" id="share-gp" class="sharer button"><i class="fa fa-3x fa-google-plus-square"></i></a>
                <a href="#" id="share-em" class="sharer button"><i class="fa fa-3x fa-envelope-square"></i></a>
            </div>
        </div>
        <div class="col-lg-3">
        </div>
        <hr class="featurette-divider">

    </div><!-- /.container -->
</div>

<?php getFooter(); ?>

</body>
</html>