Bootstrap-Portfolio/index.html at master · thargs/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
79
80
81
82
83
84
85
86
87
88
89
90
<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
    <link rel="stylesheet" href="assets/css/style.css">
    <title>Bootstrap Profile</title>
</head>

<body>

    <div class="container">
        <nav class="main">
            <div class="navbar navbar-expand-lg navbar-light bg-light main ">
                <a id="navbar-brand"><h1>Garth Smith</h1></a>
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>
                <div class="collapse navbar-collapse" id="navbarResponsive">
                    <ul class="navbar-nav ml-auto">
                        <li class="nav-item">
                            <a class="nav-link" href="index.html">Home</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>
            </div>
        </nav>
    </div>


<div class="container">
    <div class="main">
        <div class="row">
            <section class="col-md-7 main">
                <h2>About Me</h2>
                <img src="assets/images/MeDonuts.jpg" alt="Photo of me handing you donuts" id="myphoto">
                <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Incidunt maxime
                dolores accusamus deserunt blanditiis iusto veritatis odio eum voluptatibus quam!
                Rem accusamus dolor deserunt cum aliquid, repellendus ad consectetur reprehenderit.
                Lorem ipsum dolor sit, amet consectetur adipisicing elit. Incidunt maxime
                dolores accusamus deserunt blanditiis iusto veritatis odio eum voluptatibus quam!
                Rem accusamus dolor deserunt cum aliquid, repellendus ad consectetur reprehenderit.
                </p>
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Possimus ipsa totam
                officiis, doloremque eos, perspiciatis at hic magni quisquam, ad maiores optio
                quia id distinctio quasi mollitia. Nemo, quasi fuga!</p>

            </section>
            <section class="col-md-1">

            </section>
            <section class="col-md-4 bg-light main" align="center">
            <h3>Connect with Me</h3>

            <div class="row">
                <div class="col-xs-6 col-md-3">
                  <a href="https://github.com/thargs">
                    <img src="assets/images/github_square_black-128.png" alt="Github Logo" class="thumbnail">
                  </a>
                </div>
                <div class="col-xs-6 col-md-3">
                    <a href="https://www.linkedin.com/in/thargs">
                      <img src="assets/images/linkedin_square_color-128.png" alt="Linkedin Logo" class="thumbnail">
                    </a>
                </div>
                <div class="col-xs-6 col-md-3">
                    <a href="https://stackoverflow.com/users/9134400/garth">
                      <img src="assets/images/overflow-128.png" alt="Stackoverflow Logo" class="thumbnail">
                    </a>
                </div>
            </div>

            </section>
        </div>

    </div>
</div>


<footer class="col-med-12">
    <p>&copy; Garth Smith</p>
</footer>

</body>
</html>