-
Notifications
You must be signed in to change notification settings - Fork 0
/
detail_projects.html
116 lines (116 loc) · 8.95 KB
/
detail_projects.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
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
<!DOCTYPE html>
<!-- This site was created in Webflow. http://www.webflow.com -->
<!-- Last Published: Thu Mar 07 2019 11:03:55 GMT+0000 (UTC) -->
<html data-wf-page="5bfc3fffe21447d1a1766689" data-wf-site="5bfc3fffe21447455c76667b">
<head>
<meta charset="utf-8">
<title>{{name}} | Projects</title>
<meta content="Learn more about this project, {{name}}, and see more from our company." name="description">
<meta content="{{name}} | Projects" property="og:title">
<meta content="{{main-image.url}}" property="og:image">
<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/fabio-santos-lobao.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: ["Lato:100,100italic,300,300italic,400,400italic,700,700italic,900,900italic"] }});</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="images/seagull.png" rel="shortcut icon" type="image/x-icon">
<link href="images/seagull-large.png" rel="apple-touch-icon">
</head>
<body>
<div class="contact-overlay">
<div class="w-container"><a href="#" data-ix="close-contact-overlay" class="close-link">CLOSE ✕</a>
<div class="form-wrapper">
<div class="contact-heading">Get in Touch</div>
<div class="small-divider"></div>
<div class="contact-text">Thank you for your interest! Please fill out the form below if you would like to work together.</div>
<div class="w-form">
<form id="email-form" name="email-form" data-name="Email Form"><input type="text" id="name" name="name" data-name="Name" placeholder="Enter your name" maxlength="256" class="text-field w-input"><input type="email" id="email" name="email" data-name="Email" placeholder="Enter your email address" maxlength="256" required="" class="text-field w-input"><textarea id="Project-details" name="Project-details" placeholder="What are your project details..." maxlength="5000" data-name="Project details" class="text-field text-area w-input"></textarea><input type="submit" value="Send" data-wait="Please wait..." class="submit-button w-button"></form>
<div class="success-message w-form-done">
<p class="success-text">Thank you! Your submission has been received!</p>
</div>
<div class="w-form-fail">
<p>Oops! Something went wrong while submitting the form</p>
</div>
</div>
</div>
</div>
</div>
<div class="hero-section">
<div data-collapse="medium" data-animation="default" data-duration="400" class="nav w-nav">
<div class="container w-container">
<a href="index.html" class="w-nav-brand">
<div class="logo-text">Fábio S. Lobão<strong data-new-link="true"></strong></div>
</a>
<nav role="navigation" class="nav-menu w-nav-menu"><a href="#" class="nav-link w-nav-link">About</a><a href="#" class="nav-link w-nav-link">PROJECTS</a><a href="#" class="nav-link w-nav-link">Docs & More</a><a href="#" class="nav-link w-nav-link">IDEAS & LIFE HACKS</a></nav>
<div class="menu-button w-nav-button">
<div class="w-icon-nav-menu"></div>
</div>
</div>
</div>
<div class="hero-overlay"></div>
<h1></h1>
</div>
<div class="section top-section">
<div class="hero-container project-container w-container">
<div>
<div class="alternate-image"></div>
<div class="project-text w-richtext">
<h3>The best is yet to come</h3>
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia.</p>
<p>It is a paradisematic country, in which roasted parts of sentences fly into your mouth. Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar.</p>
<h3>More still on its way</h3>
<p>The Big Oxmox advised her not to do so, because there were thousands of bad Commas, wild Question Marks and devious Semikoli, but the Little Blind Text didn’t listen. She packed her seven versalia, put her initial into the belt and made herself on the way. When she reached the first hills of the Italic Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove, the headline of Alphabet Village and the subline of her own road, the Line Lane. Pityful a rethoric question ran over her cheek, then she continued her way. On her way she met a copy.</p>
<p>The copy warned the Little Blind Text, that where it came from it would have been rewritten a thousand times and everything that was left from its origin would be the word "and" and the Little Blind Text should turn around and return to its own, safe country. But nothing the copy said could convince her and so it didn’t take long until a few insidious Copy Writers ambushed her, made her drunk with Longe and Parole and dragged her into their agency, where they abused her for their projects again and again. And if she hasn’t been rewritten, then they are still using her.</p>
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth. Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One</p>
</div>
</div>
</div>
</div>
<div class="section gray-section">
<div class="w-container">
<div class="center">
<h2>Recent Projects</h2>
<div class="small-divider dark-divider"></div>
</div>
<div class="w-dyn-list">
<div class="w-clearfix w-dyn-items w-row">
<div class="project-block w-dyn-item w-col w-col-4">
<a href="#" class="project-link w-inline-block">
<div class="project-image"></div>
<div class="project-tag"></div>
<div class="project-title"></div>
</a>
</div>
</div>
<div class="w-dyn-empty">
<p>No items found.</p>
</div>
</div>
</div>
</div>
<div class="cta-section">
<div class="w-container">
<div class="cta-heading">Lets Work Together</div><a href="#" data-ix="show-contact-overlay" class="button w-button">Contact Me</a></div>
</div>
<div class="footer-section">
<div class="w-container">
<div class="w-row">
<div class="w-col w-col-3">
<a href="index.html" class="logo-footer w-nav-brand">
<div class="logo-text footer-logo">Fábio S. <strong data-new-link="true">Lobão</strong></div>
</a>
</div>
<div class="footer-link-col w-clearfix w-col w-col-6"><a href="#" class="nav-link footer-link">Ideas & Life Hacks</a><a href="#" class="nav-link footer-link">Docs & More</a><a href="#" class="nav-link footer-link">PROJECTS</a><a href="#" class="nav-link footer-link">About</a></div>
<div class="w-clearfix w-col w-col-3"><a href="https://twitter.com/LobaoFabio" target="_blank" class="social-block twitter small w-inline-block"></a><a href="http://www.linkedin.com/in/fslobao" target="_blank" class="social-block linkedin small w-inline-block"></a><a href="https://www.researchgate.net/profile/Fabio_Santos_Lobao" target="_blank" class="social-block researchgate small w-inline-block"></a><a href="http://scholar.google.com.br/citations?user=hxWODQwAAAAJ&hl" target="_blank" class="social-block schoolargoogle small w-inline-block"></a></div>
</div>
</div>
</div>
<script src="https://d1tdp7z6w94jbb.cloudfront.net/js/jquery-3.3.1.min.js" type="text/javascript" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></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>