Untitled

<?php
$servername = "Localhost";
$username = "root";
$password = "";
$databasename = "home";

$conn = new mysqli($servername, $username, $password, $databasename);

?>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>About us</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet"
          integrity="sha384-T8Gy5hrqNKT+hzMclPo118YTQO6cYprQmhrYwIiQ/3axmI1hQomh7Ud2hPOy8SP1"
          crossorigin="anonymous">
    <link href="css/about.css" rel="stylesheet">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>

<nav class="navbar navbar-inverse">
    <div class="container-fluid">
        <div class="navbar-header">
            <a class="navbar-brand" href="index.html">Mono & Stereo</a>
        </div>
        <ul class="nav navbar-nav">
            <li><a href="Products.html">Products</a></li>
            <li><a href="About.php">About us</a></li>
            <li><a href="contact.html">Contact</a></li>
            <li><a href="rental.html">Rental Documents</a></li>
        </ul>
    </div>
</nav>

<h3 class="header"> About Us:</h3>

<div class="about">
    <p class="text1"> Mono & Stereo is the biggest company for audio equipment in Denmark. We have won a price for
        best
        customer service.</p>
    <p class="text1"> We've got a lot of expensive equipment in our inventory, but our greatest asset is our
        employees. </p>
    <p class="text1"> We are a dedicated technical services team with experience in all aspects of event
        production. </p>
    <p class="text1"> If our team were not Mono & Stereo employees, we would be customers, and that's the foundation
        of
        our approach to customer service. </p>
    <p class="text1"> We strive to provide the kind of support and attention to detail that we would expect as
        working
        professionals in the A/V industry. </p>
    <p class="text1"> We've focused on growing our brand by building a knowledgeable team and exceeding our
        customer's
        expectations every chance we get. </p>
</div>

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<section class="team">
    <div class="container">
        <div class="row">
            <div class="col-md-10 col-md-offset-1">
                <div class="col-lg-12">
                    <h6 class="description">OUR TEAM</h6>
                    <div class="row pt-md">
                        <?php
                        $sql_insert = "INSERT INTO mono (pic, name, position) VALUES ('" . ".pic."."','" ."name" . "','" . "position" . "')";


                        ?>
                        <?php
                        $sql_select = "SELECT * FROM mono";


                        ?>

                        <div class="col-lg-3 col-md-3 col-sm-4 col-xs-12 profile">
                            <div class="img-box">
                                <img src="<?php echo 'pic';?>" class="img-responsive">
                            </div>
                            <h1><?php echo  'name'; ?> </h1>
                            <h2><?php echo 'position'; ?></h2>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>
</section>

<div class="space">

</div>

<nav class="nav icon-set">
    <div class="container">
        <ul class="nav navbar-nav">
            <li class="facebook"><a href="https://www.facebook.com/christian.jonassen" data-toggle="tooltip"
                                    title="Facebook"><i class="fa fa-facebook fa-lg"></i></a></li>
            <li class="linkedin"><a href="https://www.linkedin.com/in/christian-jonassen-29a898116?trk=hp-identity-name"
                                    data-toggle="tooltip" title="LinkedIn"><i class="fa fa-linkedin fa-lg"></i></a></li>
        </ul>
        <p class="text"> Using the functionality of the site you agree to the use of cookies, use incognito mode (CTRL +
            Shift + n) to avoid cookies.</p>
    </div>
</nav>

</body>
</html>