Project-Nanodegree-Website-Optimization/project-webperf.html at master · jpvergara16/Project-Nanodegree-Website-Optimization · 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
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="Optimization for Cameron Pittman's Portfolio">
    <meta name="author" content=" Julius Vergara ">
    <title>Cameron Pittman: Portfolio</title>
    <link href="dest/css/print.css" media="print" rel="stylesheet">
    <link href="dest/css/style.css" rel="stylesheet">
  </head>

  <body>
    <header>
      <a href="/"><img src="img/profilepic.jpg" class="profile-pic" alt="Cameron Pittman"></a>
      <p class="fullname">Cameron Pittman<br><span class="job-title">Course Developer</span></p>
    </header>

    <main class="container">
      <section class="hero">
        <strong>I love web development!</strong> This is a template for a simple portfolio. I decided to use it to showcase a few Udacity courses I've taken and some teaching work, but you can use it to showcase any kind of project that you want the world to see :) <br> Contact me: me@email.com
      </section>

      <section class="content">
        <p>Thanks to everyone at Udacity and Google who made this class happen! Now for a very true meme and some <strike>lorem</strike> bacon ipsum.</p>
        <img src="img/cam_be_like.jpg" alt="Cam be like" class="img-responsive" width="482" height="492">

        <p class="project-summary">Bacon ipsum dolor sit amet et pork belly porchetta excepteur dolor, laborum laboris magna labore dolore in fugiat beef ribs. Fugiat leberkas nulla do kevin dolore. Flank hamburger dolor swine prosciutto sirloin pig jerky sunt consequat pariatur. Mollit meatloaf nostrud laboris shoulder excepteur velit officia meatball nisi turkey. Nulla jowl spare ribs, et drumstick magna frankfurter.</p>

        <p class="project-summary">Venison spare ribs dolor tri-tip duis turkey. Ut chicken proident ribeye est flank, sed frankfurter. Kielbasa exercitation ullamco leberkas. Landjaeger turkey culpa, tail short loin consectetur salami venison in corned beef eiusmod qui ad leberkas. Tri-tip adipisicing frankfurter ut sirloin rump consectetur. Chuck sint filet mignon labore eiusmod nulla. Venison shankle pork, consectetur nisi bacon spare ribs anim meatball sausage ball tip labore aute reprehenderit adipisicing.</p>
      </section>
    </main>
    <footer>
		  <p>&copy; Web Performance 2014 <span id="crp-stats" class="pfdata"></span></p>
	  </footer>
    <script src="js/perfmatters.js"></script>
	<script async src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js"></script>
    <script>
		WebFont.load({
		google: {
			families: ['Open Sans Condensed:400,700']
			},
		timeout: 2000 // Set the timeout to two seconds
		});
		(function(w,g){w['GoogleAnalyticsObject']=g;
			w[g]=w[g]||function(){(w[g].q=w[g].q||[]).push(arguments)};w[g].l=1*new Date();})(window,'ga');
			// Optional TODO: replace with your Google Analytics profile ID.
			ga('create', 'UA-XXXX-Y');
			ga('send', 'pageview');
    </script>
    <script async src="http://www.google-analytics.com/analytics.js"></script>
  </body>
</html>