forked from BesrourMS/Carrd
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
48 lines (48 loc) · 2.96 KB
/
index.html
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
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" />
<title>Carrd Template</title>
<meta name="description" content="Just a Carrd template." />
<meta property="og:site_name" content="" />
<meta property="og:title" content="" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://source.unsplash.com/BP3XOsSPlGA/1200x628" />
<meta property="og:description" content="Just a Carrd template." />
<meta property="og:url" content="" />
<meta property="twitter:card" content="summary_large_image" />
<link href="https://fonts.googleapis.com/css?family=Spectral:300,300italic,200,200italic,400,400italic" rel="stylesheet" type="text/css" />
<link href="style.css" rel="stylesheet"/>
<noscript>
<style>
body{overflow:auto!important}body:after{display:none!important}#main > .inner{opacity:1!important}#main > .inner > *{opacity:1!important;-moz-transform:none!important;-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;-moz-transition:none!important;-webkit-transition:none!important;-ms-transition:none!important;transition:none!important;-moz-filter:none!important;-webkit-filter:none!important;-ms-filter:none!important;filter:none!important}@media (max-width: 980px){body:before{position:relative;width:100%;height:45vh;-moz-flex-grow:1;-webkit-flex-grow:1;-ms-flex-grow:1;flex-grow:1;-moz-flex-shrink:0;-webkit-flex-shrink:0;-ms-flex-shrink:0;flex-shrink:0}}
</style>
</noscript>
</head>
<body class="is-loading">
<div id="wrapper">
<div id="main">
<div class="inner">
<div id="first-container" class="container">
<div class="inner">
<h1 id="second-text">Molly Pollard</h1>
<p id="first-text"><em>Virtual Realitician</em></p>
</div>
</div>
<div id="second-container" class="container">
<div class="inner">
<p id="third-container"><strong>Lorem ipsum dolor</strong> sit feugiat amet consectetur elit. Praesent <a href="https://carrd.co">nibh sed</a> etiam tellus egestas congue. Aenean <a href="https://carrd.co">ornare velit lacus</a> et varius proin facilisis ante etiam et ipsum dolor enim amet feugiat ipsum consequat.</p>
</div>
</div>
<ul id="first-buttons" class="buttons">
<li><a href="https://twitter.com/" class="button btn">Twitter</a></li>
<li><a href="https://facebook.com/" class="button btn">Facebook</a></li>
<li><a href="https://instagram.com/" class="button btn">Instagram</a></li>
</ul>
</div>
</div>
</div>
<script src="main.js"></script>
</body>
</html>