webtemp/index.html at master · mpn6/webtemp · 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
126
<!doctype html>
<html class="no-js" lang="">

<head>
  <meta charset="utf-8">
  <title></title>
  <meta name="description" content="">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <link rel="manifest" href="site.webmanifest">
  <link rel="apple-touch-icon" href="icon.png">
  <!-- Place favicon.ico in the root directory -->

  <link rel="stylesheet" href="css/normalize.css">
  <link rel="stylesheet" href="css/main.css">

  <meta name="theme-color" content="#fafafa">
</head>

<body>
<!--[if IE]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade
  your browser</a> to improve your experience and security.</p>
<![endif]-->

<!-- Add your site or application content here -->
<div id="wrapper">
  <div id="top">
    <div id="logo" class="floatLeft">
      <img class="logo_image grSmall" src="img/betterlogo.png"/>
    </div>
      <div id="main_menu" class="floatLeft grBig">
        <menu>
          <li><a href="index.html">Home</a></li>
          <li><a href="#">About</a></li>
          <li><a href="#">Experience</a></li>
          <li><a href="#">Projects</a></li>
          <li><a href="#">Activities</a></li>
          <li><a href="#">Contact</a></li>
        </menu>
      </div>
  </div>
  <div id="masthead">
      <h1>Michelle Nunez<br>
      Excited to work with you</h1>

  </div>
  <div id="content" class="floatLeft grBig">
    <div id="article_heading">
      <h1>Homepage</h1>
    </div>
    <div id="article_text">
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eros elit, porta id pretium a, posuere sit amet
        enim. Duis lacinia lectus ut nulla ultricies, non pretium risus auctor. Sed sagittis at mi in finibus. Aenean
        rutrum egestas lectus, at feugiat erat varius id. Ut sodales lacinia congue. In sollicitudin arcu a tellus
        vulputate, id sollicitudin ex ullamcorper. Etiam efficitur nibh eu vulputate maximus. Duis sit amet lorem cursus,
        euismod nisi sit amet, sollicitudin justo.
      </p>
      <p>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis bibendum nisl, ut pharetra felis fringilla
        eu. Maecenas euismod dui lorem, non malesuada nunc condimentum vel. Nulla bibendum tellus ut pharetra gravida.
        Vivamus imperdiet consectetur felis, a finibus dui accumsan eget. Maecenas nec dui lacinia, porttitor sem ut,
        pellentesque nibh. Proin ex leo, fringilla sed euismod vel, commodo et justo. Morbi finibus nulla in nibh viverra
        euismod. Donec id scelerisque massa. Vestibulum in blandit urna, et semper ligula. Phasellus sit amet nulla ac
        libero consequat mattis at quis velit. Praesent porta hendrerit nisl egestas rhoncus.
      </p>
      <p>
        Etiam id diam non augue rhoncus auctor. Integer eu lacinia eros, vitae tincidunt mi. Nam mollis arcu turpis, eu
        lobortis dui pellentesque nec. Sed mauris ante, semper vitae mi eget, ullamcorper fermentum ligula. Praesent
        venenatis sapien vel feugiat porta. Phasellus eu odio consectetur felis scelerisque finibus sed a lacus. Orci
        varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean id felis vel diam
        volutpat dignissim a vel justo. Maecenas mattis massa ac tortor iaculis, eu placerat urna fringilla. Quisque sit
        amet metus id mi consequat pharetra in eget felis. Pellentesque ut aliquam ligula.
      </p>
      <p>
        Fusce tempus tellus in ultricies ornare. Vestibulum eu libero eros. Nulla nunc diam, posuere et magna ac, dictum
        molestie arcu. Donec a neque nec nisi maximus condimentum ut eget tellus. Suspendisse nibh purus, maximus et
        laoreet sed, fermentum sit amet diam. Morbi tincidunt, mauris vel accumsan sodales, lacus arcu porttitor ante, at
        laoreet metus eros at nibh. Aenean sed quam aliquam lectus aliquet auctor at id nunc. Praesent nec velit mollis,
        vestibulum eros ac, efficitur ante.
      </p>
      <p>
        Suspendisse potenti. Aliquam erat volutpat. Nunc quis magna vitae metus dictum tincidunt. In metus lectus,
        lobortis eu sem vitae, condimentum ullamcorper ex. Vivamus ut convallis dolor. Mauris et est velit. Vivamus id sem
        ut nunc placerat eleifend ac at nunc. Praesent id eros ac justo pharetra euismod sed a nibh. Class aptent taciti
        sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed ut purus leo.
      </p>
    </div>
  </div>
  <div id="sidebar" class="floatLeft grSmall">
    <div id="sidebar_image">
      <img src="img/michellenunez.jpeg" height="320" width="320"/>
    </div>
  </div>
  <div id="footer" class="clear centerText">
    © Michelle Nunez -
    <script type="text/javascript">
        var d = new Date()
        document.write(d.getFullYear())
    </script>
  </div>
</div>


<script src="js/vendor/modernizr-3.7.1.min.js"></script>
<script src="https://code.jquery.com/jquery-3.4.1.min.js"
        integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-3.4.1.min.js"><\/script>')</script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>

<!-- Google Analytics: change UA-XXXXX-Y to be your site's ID. -->
<script>
    window.ga = function () {
        ga.q.push(arguments)
    };
    ga.q = [];
    ga.l = +new Date;
    ga('create', 'UA-XXXXX-Y', 'auto');
    ga('set', 'transport', 'beacon');
    ga('send', 'pageview')
</script>
<script src="https://www.google-analytics.com/analytics.js" async></script>
</body>

</html>