shocky/single-page.html at master · pixel21/shocky · 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
<!DOCTYPE html>
<!--  This site was created in Webflow. http://www.webflow.com -->
<!--  Last Published: Wed Aug 02 2017 19:41:19 GMT+0000 (UTC)  -->
<html data-wf-page="5941ed81e0dcec382218bee8" data-wf-site="593e0c5fc427e47a0060af15">
<head>
  <meta charset="utf-8">
  <title>Single Page</title>
  <meta content="Single Page" property="og:title">
  <meta content="width=device-width, initial-scale=1" name="viewport">
  <meta content="Webflow" name="generator">
  <link href="css/normalize.css" rel="stylesheet" type="text/css">
  <link href="css/webflow.css" rel="stylesheet" type="text/css">
  <link href="css/pixel21s-shocky.webflow.css" rel="stylesheet" type="text/css">
  <script src="https://ajax.googleapis.com/ajax/libs/webfont/1.4.7/webfont.js" type="text/javascript"></script>
  <script type="text/javascript">WebFont.load({
  google: {
    families: ["Droid Serif:400,400italic,700,700italic","Ubuntu:300,300italic,400,400italic,500,500italic,700,700italic"]
  }
});</script>
  <!-- [if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script><![endif] -->
  <script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);
</script>
  <link href="https://daks2k3a4ib2z.cloudfront.net/img/favicon.ico" rel="shortcut icon" type="image/x-icon">
  <link href="https://daks2k3a4ib2z.cloudfront.net/img/webclip.png" rel="apple-touch-icon">
</head>
<body>
  <div class="navbar-2 w-nav" data-animation="default" data-collapse="medium" data-duration="400">
    <div class="container w-container">
      <div class="row w-row">
        <div class="column-3 w-col w-col-5">
          <div class="w-row">
            <div class="w-col w-col-6">
              <a class="navlink w-inline-block" href="index.html">
                <div class="text-block-3">Home</div>
              </a>
            </div>
            <div class="w-col w-col-6">
              <a class="navlink w-inline-block" href="profile.html">
                <div class="text-block-3">Profile</div>
              </a>
            </div>
          </div>
        </div>
        <div class="column-2 w-col w-col-2"><a class="w-nav-brand" href="index.html"><img class="image" src="images/THE-NEW-YOU.png" width="150"></a></div>
        <div class="column-4 w-col w-col-5">
          <div class="w-row">
            <div class="w-col w-col-6">
              <a class="navlink w-inline-block" href="about.html">
                <div class="text-block-3">About</div>
              </a>
            </div>
            <div class="w-col w-col-6">
              <a class="navlink w-inline-block" href="contact.html">
                <div class="text-block-3">Contact</div>
              </a>
              <div class="menu-button w-nav-button">
                <div class="icon w-icon-nav-menu"></div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div>
    <div class="w-container">
      <div class="picandtextdiv"><img sizes="(max-width: 767px) 100vw, (max-width: 991px) 728px, 940px" src="images/StockSnap_6BVRSTEE0K.jpg" srcset="images/StockSnap_6BVRSTEE0K-p-500.jpeg 500w, images/StockSnap_6BVRSTEE0K-p-1080.jpeg 1080w, images/StockSnap_6BVRSTEE0K-p-1600.jpeg 1600w, images/StockSnap_6BVRSTEE0K-p-2000.jpeg 2000w, images/StockSnap_6BVRSTEE0K.jpg 2048w">
        <div class="text-block-5">Morbi iaculis diam id est egestas, in maximus ipsum gravida. Nam a neque gravida, ultrices mauris dignissim, placerat dolor. Proin pharetra urna sed metus feugiat ornare. Duis rutrum, dui a ultricies laoreet, sapien turpis euismod urna, et sodales lorem sem porttitor mauris. Fusce ut dolor accumsan, auctor massa et, euismod erat. Vivamus augue mauris, ultrices non mi eget, tempus mollis dolor. Pellentesque venenatis mi eu elit aliquam, vitae ullamcorper mi pharetra.</div>
      </div>
      <div class="picandtextdiv"><img sizes="(max-width: 767px) 100vw, (max-width: 991px) 728px, 940px" src="images/StockSnap_NVAVP4HUBS-size-45-perc.jpg" srcset="images/StockSnap_NVAVP4HUBS-size-45-perc-p-500.jpeg 500w, images/StockSnap_NVAVP4HUBS-size-45-perc-p-800.jpeg 800w, images/StockSnap_NVAVP4HUBS-size-45-perc-p-1080.jpeg 1080w, images/StockSnap_NVAVP4HUBS-size-45-perc-p-1600.jpeg 1600w, images/StockSnap_NVAVP4HUBS-size-45-perc.jpg 1800w">
        <div class="text-block-5">Morbi iaculis diam id est egestas, in maximus ipsum gravida. Nam a neque gravida, ultrices mauris dignissim, placerat dolor. Proin pharetra urna sed metus feugiat ornare. Duis rutrum, dui a ultricies laoreet, sapien turpis euismod urna, et sodales lorem sem porttitor mauris. Fusce ut dolor accumsan, auctor massa et, euismod erat. Vivamus augue mauris, ultrices non mi eget, tempus mollis dolor. Pellentesque venenatis mi eu elit aliquam, vitae ullamcorper mi pharetra.</div>
      </div>
      <div class="picandtextdiv"><img sizes="(max-width: 767px) 100vw, (max-width: 991px) 728px, 940px" src="images/StockSnap_399A5B141C.png" srcset="images/StockSnap_399A5B141C-p-500.png 500w, images/StockSnap_399A5B141C-p-800.png 800w, images/StockSnap_399A5B141C-p-1080.png 1080w, images/StockSnap_399A5B141C.png 1438w">
        <div class="text-block-5">Morbi iaculis diam id est egestas, in maximus ipsum gravida. Nam a neque gravida, ultrices mauris dignissim, placerat dolor. Proin pharetra urna sed metus feugiat ornare. Duis rutrum, dui a ultricies laoreet, sapien turpis euismod urna, et sodales lorem sem porttitor mauris. Fusce ut dolor accumsan, auctor massa et, euismod erat. Vivamus augue mauris, ultrices non mi eget, tempus mollis dolor. Pellentesque venenatis mi eu elit aliquam, vitae ullamcorper mi pharetra.</div>
      </div>
      <div class="picandtextdiv"><img sizes="(max-width: 767px) 100vw, (max-width: 991px) 728px, 940px" src="images/StockSnap_WQTXWMQPOF-size-50-perc.jpg" srcset="images/StockSnap_WQTXWMQPOF-size-50-perc-p-500.jpeg 500w, images/StockSnap_WQTXWMQPOF-size-50-perc-p-800.jpeg 800w, images/StockSnap_WQTXWMQPOF-size-50-perc-p-1080.jpeg 1080w, images/StockSnap_WQTXWMQPOF-size-50-perc-p-1600.jpeg 1600w, images/StockSnap_WQTXWMQPOF-size-50-perc-p-2000.jpeg 2000w, images/StockSnap_WQTXWMQPOF-size-50-perc.jpg 2464w">
        <div class="text-block-5">Morbi iaculis diam id est egestas, in maximus ipsum gravida. Nam a neque gravida, ultrices mauris dignissim, placerat dolor. Proin pharetra urna sed metus feugiat ornare. Duis rutrum, dui a ultricies laoreet, sapien turpis euismod urna, et sodales lorem sem porttitor mauris. Fusce ut dolor accumsan, auctor massa et, euismod erat. Vivamus augue mauris, ultrices non mi eget, tempus mollis dolor. Pellentesque venenatis mi eu elit aliquam, vitae ullamcorper mi pharetra.</div>
      </div>
    </div>
  </div>
  <div class="footer">
    <div class="w-row">
      <div class="w-col w-col-7">
        <div class="text-block-4">Template version 1.0 | Theme Developed by&nbsp;<a href="https://pixel21.com" target="_blank" class="link"><span class="text-span">Pixel21,LLC.</span></a></div>
      </div>
      <div class="column-5 w-clearfix w-col w-col-5">
        <div class="twitter w-widget w-widget-twitter"><iframe src="https://platform.twitter.com/widgets/follow_button.html#screen_name=pixel21llc&amp;show_count=true&amp;size=m&amp;show_screen_name=true&amp;dnt=true" scrolling="no" frameborder="0" allowtransparency="true" style="border: none; overflow: hidden; width: 100%; height: 21px;"></iframe></div>
        <div class="facebook w-widget w-widget-facebook"><iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Ffacebook.com%2Fpixel21llc&amp;layout=button_count&amp;locale=en_US&amp;action=like&amp;show_faces=false&amp;share=false" scrolling="no" frameborder="0" allowtransparency="true" style="border: none; overflow: hidden; width: 225px; height: 35px;"></iframe></div>
      </div>
    </div>
  </div>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js" type="text/javascript"></script>
  <script src="js/webflow.js" type="text/javascript"></script>
  <!-- [if lte IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script><![endif] -->
</body>
</html>