-
Notifications
You must be signed in to change notification settings - Fork 0
/
service-page.html
115 lines (115 loc) · 6.42 KB
/
service-page.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
<!DOCTYPE html><!-- This site was created in Webflow. http://www.webflow.com -->
<!-- Last Published: Fri Jul 23 2021 13:40:14 GMT+0000 (Coordinated Universal Time) -->
<html data-wf-page="60f933bb9362011c65a05bdf" data-wf-site="60f933bb9362016539a05bcc">
<head>
<meta charset="utf-8">
<title>Foundation - Webflow HTML Website Template</title>
<meta content="Foundation is a portfolio template designed for independent creatives, agencies and studios." name="description">
<meta content="Foundation - Webflow HTML Website Template" property="og:title">
<meta content="Foundation is a portfolio template designed for independent creatives, agencies and studios." property="og:description">
<meta content="Foundation - Webflow HTML Website Template" property="twitter:title">
<meta content="Foundation is a portfolio template designed for independent creatives, agencies and studios." property="twitter:description">
<meta property="og:type" content="website">
<meta content="summary_large_image" name="twitter:card">
<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/wills-portfolio-f29842.webflow.css" rel="stylesheet" type="text/css">
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
<script type="text/javascript">WebFont.load({ google: { families: ["Inter:100,200,300,regular,500,600,700,800,900"] }});</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/favicon.png" rel="shortcut icon" type="image/x-icon">
<link href="images/webclip.png" rel="apple-touch-icon">
<style type="text/css">
body {
-webkit-font-smoothing: antialiased;
}
</style>
</head>
<body class="body">
<div class="nav-container">
<div data-collapse="medium" data-animation="default" data-duration="200" data-doc-height="1" role="banner" class="navbar w-nav">
<div class="w-layout-grid menu-grid">
<div>
<a href="index.html" class="brand">Will Rains</a>
</div>
<nav role="navigation" class="nav-menu w-nav-menu">
<a href="work.html" class="nav-link w-nav-link">Work</a>
<a href="services.html" class="nav-link w-nav-link">Services</a>
<a href="about.html" class="nav-link w-nav-link">About</a>
</nav>
<div id="w-node-_55a81060-6aca-191f-1d76-5dfe32b05d59-32b05d4a" class="menu-button w-nav-button">
<div class="icon w-icon-nav-menu"></div>
</div>
</div>
</div>
</div>
<div class="section wf-section">
<div class="main-container">
<h1 class="big-text">Branding</h1>
<div class="w-layout-grid grid-halves">
<div>
<div class="text-block">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur eu mi sit amet nibh sollicitudin tristique. Duis suscipit, erat vitae auctor tincidunt.</div>
<a href="#approach" class="link">See our approach →</a>
</div>
</div>
</div>
</div>
<div class="section no-padding wf-section">
<div class="main-container"><img src="images/you-x-ventures-8wH1NjFthaY-unsplash.jpg" loading="lazy" sizes="(max-width: 479px) 92vw, (max-width: 767px) 90vw, (max-width: 991px) 92vw, 88vw" srcset="images/you-x-ventures-8wH1NjFthaY-unsplash-p-1080.jpeg 1080w, images/you-x-ventures-8wH1NjFthaY-unsplash-p-1600.jpeg 1600w, images/you-x-ventures-8wH1NjFthaY-unsplash-p-2000.jpeg 2000w, images/you-x-ventures-8wH1NjFthaY-unsplash.jpg 2400w" alt="" class="full-width-image"></div>
</div>
<div id="approach" class="section wf-section">
<div class="main-container">
<div class="w-layout-grid grid-halves">
<div>
<h3>Our Approach</h3>
<div class="text-block">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis viverra nisl at justo varius placerat. Sed eu tempor massa. Vestibulum sed neque ut elit imperdiet congue et sollicitudin tellus. Praesent at ex eu arcu volutpat volutpat. Aliquam fringilla feugiat velit. Proin vehicula auctor sem a sodales. Vestibulum ultricies elit ac enim efficitur, a molestie ligula fermentum.</div>
</div>
</div>
</div>
</div>
<div class="section no-top-padding wf-section">
<div class="main-container w-clearfix">
<h3 class="heading-2">Recent Projects</h3>
<div class="projects w-dyn-list">
<div role="list" class="project-list-2-per-line w-dyn-items">
<div role="listitem" class="w-dyn-item">
<a href="#" class="project-block w-inline-block"><img src="" loading="lazy" alt="" class="project-thumbnail">
<div class="project-thumbnail-title"></div>
</a>
</div>
</div>
<div class="w-dyn-empty">
<div>No items found.</div>
</div>
</div>
<a href="work.html" class="link">See all work →</a>
</div>
</div>
<div class="section filled wf-section">
<div class="main-container">
<h1 class="big-text">"Lorem ipsum dolor sit amet, consectetur adipiscing elit."</h1>
<h3>Full Name, CEO at Client</h3>
</div>
</div>
<div class="section no-padding wf-section"></div>
<div class="section wf-section"></div>
<div data-w-id="e80a0129-a058-7b69-e932-61ee9aec5d96" class="footer">
<div class="main-container">
<div class="grid-footer">
<div class="footer-block">
<div>
<a href="about.html" class="footer-link">About</a>
<a href="contact.html" class="footer-link">Contact</a>
</div>
</div>
</div>
</div>
</div>
<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=60f933bb9362016539a05bcc" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" 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>