Bootstrap-Portfolio/bootstrap.html at master · Djpowell23/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
77
78
<!DOCTYPE html>
<html lang="en-US">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <!-- Latest compiled and minified CSS -->
        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
        <!-- Latest compiled and minified JavaScript -->
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
        <!-- Link CSS -->
        <link rel="stylesheet" type="text/css" href="bootstrap.css">

        <title>About</title>
    </head>
</html>
<body>

        <!-- Navbar -->
        <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
            <a class="devin" href="bootstrap.html">Devin Powell</a>
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
            </button>

            <div class="nav-buttons">
            <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="navbar-nav mr-auto">
                <li class="nav-item active">
                    <a class="nav-link" href="bootstrap.html">Home <span class="sr-only">(current)</span></a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="contact1.html">Contact</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="portfolio1.html">Portfolio</a>
                </li>
            </ul>
            </div>
        </div>
        </nav>
    <div class="body">
        <div class="container">
            <div class="row">
                <div class="col-12 col-s-12">
                    <h1>About</h1>
                    <hr>
                </div>
            </div>
        </div>
        <div class="container">
            <div class="row">
                <div class="col-md-4 col-s-6">
                    <img src="assets/images/big-black.jpg" alt="Devin's Cat" target="_blank">
                </div>
                <div class="col-md-8 col-s-6">
                    <p>Devin Powell was born in Ashtabula, Ohio on November 20, 1992. He grew up playing sports such as baseball, soccer, and tennis.
                        He was also active in band from a young age throughout high school playing in marching band, jazz band, and symphonic band. In his spare
                        time he loved to play video games and even taught himself minor C++ around age 10, just enough to make word-based quizzes and surveys.</p>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12 col-s-12">
                        <p>Devin was active in the theatre scene in his hometown throughout his high schools years and loved it so much, he went to college with
                        the hopes of being an actor on broadway someday. Shortly into a musical theatre program, he realized that it was not what he wanted
                        to dedicate his life to but still had a love for the theatre. In his classes, he discovered technical theatre and what went into putting
                        on a production. He particularly took an interest in lighting design because he still was required to be connected to the text and have
                        to think like an actor in many ways while also having to think in a calculative manner to write appropriate cues for every moment in the show.</p>
                    <br>
                        <p>After graduating from college with his Lighting Design degree, he got accepted for an internship with Walt Disney Imagineering
                        in Orlando, Florida. He moved to Orlando and worked throughout the parks for 12 months and then the internship ended and it was time to return
                        home. He wanted to return to theatrical lighting so he got a job at a public theatre in Cleveland, Ohio. After working there for 8 months,
                        he realized he wanted to finally see Colorado. He moved and decided to pursue his passion for technology and programming in order to be a part
                        of the future.</p>
                </div>
            </div>
        </div>
    </div>
</body>