Bootstrap-Portfolio/index.html at master · dbbarkley/Bootstrap-Portfolio · 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
<!doctype <!DOCTYPE html>
<html>
<head>
        <meta charset="utf-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <link rel='stylesheet' href='style.css'>
        <title>Portfolio</title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
        <link href="https://fonts.googleapis.com/css?family=Herr+Von+Muellerhoff" rel="stylesheet">
</head>
<body>
    <div class='wrapper'>
        <div class='containter-fluid'>
        <nav class="navbar navbar-expand-lg navbar-light bg-light sticky-top">
                <a class="navbar-brand ml-4" href="#">Daniel Barkley</a>
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
                  <span class="navbar-toggler-icon"></span>
                </button>
                <div class="collapse navbar-collapse mr-4" id="navbarResponsive">
                  <ul class="navbar-nav ml-auto">
                    <li class='nav-item active'>
                        <a class='nav-link' href='index.html'>About Me</a>
                    </li>
                    <li class='nav-item'>
                        <a class='nav-link' href='portfolio.html'>Portfolio</a>
                    </li>
                    <li class='nav-item'>
                        <a class='nav-link' href='contact.html'>Contact</a>
                    </li>
                  </ul>
                </div>
              </nav>
            <div class='containter-fluid'>
              <div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
                    <div class="carousel-inner">
                      <div class="carousel-item active">
                        <img class="d-block w-100" src="https://i.pinimg.com/originals/a8/ec/ca/a8ecca1cda66670fd2818ab41dba3dd8.jpg" alt="Mountains">
                      </div>
                    </div>
              </div>
        <div class="jumbotron jumbotron-fluid mt-4">
                <div class="container">
                  <h1 class="display-4 text-center">About Me</h1>
                  <hr>
                  <p class="lead text-center">Hey There! I’m Daniel Barkley. I am a husband, father, musician, & astronomy nerd. When I’m not working installing security systems you can find me playing with my son at our home in Austin, TX, watching cooking shows with my wife, or heading out to find the best Tex-Mex in town.
                    I love listening to great music, learning new things, watching good movies, and eating delicious food. But more than anything, I love spending time with my family. No matter how late I’m working or how far I’m traveling, my heart always stays at home with the people I love. They are my biggest inspiration to work
                    hard, learn more and go after the opportunities in front of me.No matter where life takes me I’m thankful to have my family by side, friends who support me, and a city with the best tacos money can buy.
                  </p>
                </div>
        </div>
    </div>
</div>
        <div class="containter-fluid bg-dark">
            <div class="row text-center text-white">
                <div class="col">
                    <hr class="light">
                    <h3>Contact</h3>
                    <hr class="light">
                    <p>888-888-888</p>
                    <p>email@blankemail.com</p>
                    <p>100 street name</p>
                    <p>city,state 000000</p>
                </div>
                <div class="col text-center text-white">
                    <hr class="lght">
                    <h3>Hours</h3>
                    <hr class="light">
                    <p>Blank Hours</p>
                    <p>Blank Hours</p>
                    <p>Blank Hours</p>
                </div>
            </div>
        </div>
</body>
</html>