EdvardJSHolen.github.io/index.html at master · EdvardJSHolen/EdvardJSHolen.github.io · 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
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>Homepage - Edvard J. Skaarberg Holen</title>

    <!-- Tab-icon -->
    <link rel="icon" href="images/rocket_emoji.png">

    <!-- Bootstrap core CSS -->
    <link href="css/bootstrap.css" rel="stylesheet">

    <!-- Custom CSS for the '3 Col Portfolio' Template -->
    <link href="css/3-col-portfolio.css" rel="stylesheet">

    <!-- CSS for edits made by Edvard J. Skaarberg Holen -->
    <link href="css/common.css" rel="stylesheet">

  </head>

  <body>

    <nav class="navbar navbar-fixed-top navbar-inverse" role="navigation">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="">Home</a>
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse navbar-ex1-collapse">
          <ul class="nav navbar-nav">
            <li><a href="CV/index.html">CV</a></li>
            <li><a href="portfolio/index.html">Portfolio</a></li>
          </ul>
        </div><!-- /.navbar-collapse -->
      </div><!-- /.container -->
    </nav>

    <div class="container">

      <div class="row">

        <div class="col-lg-12">
          <div id="headshot">
            <img src="images/headshot_cropped.jpg">
          </div>
        </div>

      </div>

      <div class="row" style="text-align: center; margin-top: 20px;">
        <h1>Edvard J. Skaarberg Holen</h1>
      </div>


      <div class="row" style="margin-top: -20px;">

        <div class="col-lg-2">
        </div>

        <div class="col-lg-8">
          <br>
          <hr>
          <b style="font-size: 30px;">About me</b>
          <br><br>
          <p>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ultrices iaculis dictum. Donec mattis mi velit, eu fermentum ante blandit at. Phasellus vel vehicula orci. Duis at dui dui. Integer lobortis felis non interdum scelerisque. Phasellus gravida, mauris id mollis accumsan, justo turpis sollicitudin turpis, eu porttitor lacus tellus non justo. Interdum et malesuada fames ac ante ipsum primis in faucibus. Fusce rhoncus non dui nec efficitur. Proin ut interdum enim, quis cursus purus.

Suspendisse et dolor hendrerit, finibus lectus tincidunt, pretium tortor. Nam non nisi lorem. Cras in mollis urna, venenatis faucibus augue. Nam aliquam massa dui, vel faucibus velit ullamcorper quis. Ut venenatis ante quis dictum vehicula. Nullam varius sodales pulvinar. Morbi vestibulum euismod efficitur. Aliquam lobortis nulla lacus, in gravida ante commodo quis. Maecenas pulvinar ultrices risus convallis convallis. Duis vel lacinia orci. Sed dictum magna non leo fringilla convallis. Vivamus est justo, vehicula ut eleifend euismod, semper vel est. Nam eu blandit dolor. Aenean cursus condimentum eleifend. Ut non risus vel lectus bibendum rutrum ac at lectus.

Nulla at est sed erat commodo facilisis. Duis nec tellus posuere, dictum metus a, imperdiet urna. Aliquam congue nunc vel magna tincidunt, quis auctor nulla facilisis. Nunc rhoncus suscipit vestibulum. Cras rhoncus mauris nec tristique venenatis. Aliquam faucibus ex magna, eget lobortis quam euismod nec. Praesent suscipit nec est sed cursus. Aliquam vehicula ultricies magna, in pharetra leo tristique sed. Vestibulum egestas lacinia mi at luctus.

Donec ultricies, ante et lacinia mollis, erat dui blandit felis, ac tincidunt libero ipsum et ligula. Nulla facilisi. Donec sagittis scelerisque tellus, placerat pharetra magna varius ut. Pellentesque lectus diam, feugiat id condimentum id, egestas at turpis. Etiam pellentesque ultrices consequat. Proin tincidunt ipsum nec suscipit imperdiet. Nunc sit amet euismod magna. Curabitur et dolor eros. Aenean iaculis eu mi sit amet viverra. Donec non nunc vel lorem tempor congue. Phasellus egestas iaculis enim at interdum. Mauris sit amet tempus quam. Donec mollis purus in sapien viverra, a eleifend arcu posuere.

Suspendisse et lacus nec sapien porttitor cursus ac ut arcu. Morbi ultricies dui vehicula est cursus vehicula. Morbi blandit bibendum augue at consequat. Interdum et malesuada fames ac ante ipsum primis in faucibus. Proin nunc massa, tempor eget ipsum ac, suscipit sagittis neque. Curabitur sagittis urna scelerisque volutpat vulputate. Nam non sem finibus, maximus lorem at, porttitor ipsum. Integer eleifend ultricies urna eget placerat. Aliquam blandit diam vitae leo eleifend feugiat. Nulla accumsan in ante nec egestas. Sed ex lectus, facilisis at pharetra molestie, molestie eget nisi.
          </p>
        </div>

        <div class="col-lg-2">
        </div>


    </div><!-- /.container -->

    <hr style="margin: 20px -100% 0px -100%;
    border: 0;
    border-top: 1px solid #c9c7c7;
    overflow: hidden;">

    <div class="container">
      <footer>
        <div class="row">
          <div class="col-lg-2">
            <p>Bottom text</p>
          </div>
          <div class="col-lg-7">
            <p>Bottom text</p>
          </div>
          <div class="col-lg-3">
            <img src="images/linkedin.png" class="logo">
            <img src="images/github.png" class="logo">
          </div>
        </div>
      </footer>

    </div><!-- /.container -->

    <!-- JavaScript -->
    <script src="js/jquery-1.10.2.js"></script>
    <script src="js/bootstrap.js"></script>
  </body>

</html>