PersonalSite/index.html at master · dantheman252/PersonalSite · 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 html>
<html lang="en">
    <head>
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
        <script src="https://code.jquery.com/jquery-3.1.1.slim.min.js" integrity="sha384-A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n" crossorigin="anonymous"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous"></script>
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous"></script>
        <link rel="stylesheet" href="styles.css">
    </head>
    <body>
        <div class="container">
            <div class="row">
                <div class="col-sm-1"></div>
                <div class="col-sm-10 title text-center">
                    <img class="background" src="assets/newYork.jpg"/>
                    <div class="header">
                        <div class="name">Danny Franklin</div>
                        <div class="subtitle">Specializing in <span class="emphasis">computer science</span></div>
                    </div>
                    <div class="toolbar row">
                        <div class="col-sm-3"><a href="">About me</a></div>
                        <div class="col-sm-3"><a href="">Blog</a></div>
                        <div class="col-sm-3"><a href="">Resume</a></div>
                        <div class="col-sm-3"><a href="">Portfolio</a></div>
                    </div>
                    <div class="col-sm-12 no-padding">
                        <svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewbox=" 0 0 668 95" class="img-overlay">
                            <polygon points="0,0 668,95 0,95"/>
                        </svg>
                    </div>
                </div>
            </div>
            <div class="about-me row">
                <div class="col-sm-1 margin"></div>
                <div class="col-sm-10 title text-center">
                    About me
                </div>
            </div>
            <div class="about-me row">
                <div class="col-sm-1 margin"></div>
                <div class="col-sm-1"></div>
                <div class="col-sm-2 photos">
                    <div class="crop"><img id="buenos" src="assets/danny2.jpg"/></div>
                </div>
                <div class="col-sm-2 photos">
                    <div class="crop"><img id="equator" src="assets/danny4.jpg"/></div>
                </div>
                <div class="col-sm-2 photos">
                    <div class="crop"><img id="lauren" src="assets/danny3.jpg"/></div>
                </div>
                <div class="col-sm-2 photos">
                    <div class="crop"><img id="smile" src="assets/danny1.jpg"/></div>
                </div>
                <div class="col-sm-1"></div>
            </div>
            <div class="about-me row">
                <div class="col-sm-1 margin"></div>
                <div class="col-sm-5"></div>
                <div class="description col-sm-4">
                    <p>My name is Danny and I am a Software Engineer currently working at Google. Before that I worked at Microsoft and got my master’s degree in software engineering at Stanford. I currently reside in New York City though I was previously located in Seattle. Originally I hail from the great state of Missouri.</p>
                    <p>I like to think of myself as a full stack developer though there are many who might say I’m flattering myself. This blog contains anything and everything I want to write about with an emphasis on software projects. The opinions expressed here represent my own and not those of my employer.</p>
                </div>
                <div class="col-sm-1"></div>
            </div>
            <div class="about-me row">
                <div class="col-sm-1 margin"></div>
                <div class="col-sm-10 no-padding">
                    <svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewbox=" 0 0 668 95" class="img-overlay">
                        <polygon points="0,0 668,95 0,95"/>
                    </svg>
                </div>
                </div>
            </div>
        </div>
    </body>
</html>