SimplyMe.html

﻿<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Bootstrap work</title>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <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>
    <link href="CSS.css" rel="stylesheet" />
</head>
<body>


    <nav class="navbar navbar-default">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#">Me</a>
            </div>
            <div class="collapse navbar-collapse" id="myNavbar">
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="#">WHO</a></li>
                    <li><a href="#">WHAT</a></li>
                    <li><a href="#">WHERE</a></li>
                </ul>
            </div>
        </div>
    </nav>

    <div class="container-fluid bg-1 text-center">
        <h2>Who am I?</h2>
        <img src="jpg.jpg" class="img-circle img1 img-responsive" style="display:inline" alt="sunset" />
        <h2>I'm something something darkside</h2>
    </div>

    <div class="container-fluid bg-2 text-center">
        <h2>Where to find me</h2>
        <p>
            Gmail
            Facebook
            GitHub
        </p>
        <a href="#" class="btn btn-default btn-lg">
            <span class="glyphicon glyphicon-search"></span> Search
        </a>
    </div>

    <div class="container-fluid bg-3 text-center">
        <h2>
            What am I?
        </h2>
        <p>
            former bartender. Learning to become a front-end developer and probably a full-stack in a few years.
        </p>

        <div class="row">
            <div class="col-sm-4">
                <p>let say something</p>
                <img src="jpg.jpg" class="img-responsive myCss" alt="Alternate Text" />
            </div>
            <div class="col-sm-4">
                <p>it's been 10 years..</p>
                <img src="9gagLogo.png" class="img-responsive myCss" alt="9gag" />
            </div>
            <div class="col-sm-4">
                <p>6 years training for The Hangover  movie</p>
                <img src="pour.jpg" class="img-responsive myCss" alt="bar work" />
            </div>
        </div>
    </div>
</body>
</html>