-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathservices.html
127 lines (124 loc) · 9.9 KB
/
services.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
117
118
119
120
121
122
123
124
125
126
127
<!DOCTYPE html>
<html lang="la">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="generator" content="Site Designer 4.0.3113">
<title>Win Tech - Services</title>
<link rel="stylesheet" href="css/bootstrap4.min.css">
<link rel="stylesheet" href="css/wireframe-theme.min.css">
<script>document.createElement( "picture" );</script>
<script class="picturefill" async="async" src="js/picturefill.min.js"></script>
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Cagliostro%7CQuicksand:300,400">
</head>
<body class="body-1">
<div class="container-grid page-title" id="services">
<div class="container-grid nav">
<nav class="container-fluid btn-group nav-container container-grid"><a class="glyph btn btn-secondary dropdown-toggle" href="#" id="dropdownmenulink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="coffeecup-icons-menu7"></i></a>
<nav class="container-fluid dropdown-menu dropdown-menu-right nav-top-space container-grid" aria-labelledby="dropdownmenulink">
<a class="link-text dropdown-item" href="index.html">Home</a>
<a class="link-text dropdown-item" href="about.html">About</a>
<a class="link-text dropdown-item" href="services.html">Services</a>
</nav>
</nav>
</div>
<div class="container-grid page-heading">
<nav class="container-fluid header-container container-grid">
<h1>Life is Like a Computer</h1>
<div class="rule thin-row no-pad">
<hr>
</div>
</nav>
</div>
</div>
<div class="container-grid text-container">
<div class="container-grid text-inner">
<article class="container-fluid multi-column-container container-grid">
<h3 class="blog-heading">The Art of Photography</h3>
<p class="paragraph">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas et metus.</p>
<p class="paragraph">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque nibh risus, sagittis nec suscipit nec, mollis laoreet eros. Donec faucibus, libero id faucibus scelerisque, justo justo nullam sodales.</p>
<p class="paragraph">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque nibh risus, sagittis nec suscipit nec, mollis laoreet eros. Donec faucibus, libero id faucibus scelerisque, justo justo nullam sodales.</p>
<p class="paragraph">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p>
<div class="responsive-picture blog-image">
<picture><img alt="Balloons" src="./images/balloons.jpg">
</picture>
</div>
<p class="paragraph">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p>
<p class="paragraph">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p>
<p class="paragraph">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p><a class="link-button btn btn-outline-primary btn-lg" href="#">Book Now<br></a>
</article>
</div>
</div>
<div class="container-grid less-top-pad text-container">
<div class="text-column container-grid">
<h2 class="heading-1">Let's Start Making Memories</h2>
<div class="rule thin-row bottom-padding">
<hr>
</div>
</div>
<div class="col-12 image-strip container-grid column-type">
<div class="container-fluid multiple-images-container container-grid">
<div class="responsive-picture portfolio-image">
<picture><img alt="Placeholder Picture" src="./images/sparkler.jpg">
</picture>
</div>
<div class="responsive-picture portfolio-image">
<picture><img alt="Placeholder Picture" src="./images/wedding.jpg">
</picture>
</div>
<div class="responsive-picture portfolio-image">
<picture><img alt="Placeholder Picture" src="./images/guitar-player.jpg">
</picture>
</div>
</div>
</div>
</div>
<div class="container-grid card-container" id="pricing">
<div class="container-grid card-container-inner">
<div class="container-grid card-wide">
<h3>Photography & Artist Pricing</h3>
<p class="paragraph">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque nibh risus, sagittis nec suscipit nec, mollis laoreet eros. Donec faucibus, libero id faucibus scelerisque, justo justo nullam sodales.</p>
</div>
<div class="container-grid card"><span class="glyph"><i class="coffeecup-icons-camera2"></i></span><h4 class="feature-heading">Glamour Shots</h4>
<p class="paragraph">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque nibh risus, sagittis nec suscipit nec, mollis laoreet eros. Donec faucibus, libero id faucibus scelerisque, justo justo nullam sodales.</p>
</div>
<div class="container-grid card"><span class="glyph"><i class="coffeecup-icons-images3"></i></span><h4 class="feature-heading">Affordable Prints</h4>
<p class="paragraph">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque nibh risus, sagittis nec suscipit nec, mollis laoreet eros. Donec faucibus, libero id faucibus scelerisque, justo justo nullam sodales.</p>
</div>
<div class="container-grid card"><span class="glyph"><i class="coffeecup-icons-shutter"></i></span><h4 class="feature-heading">In Studio Sessions</h4>
<p class="paragraph">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque nibh risus, sagittis nec suscipit nec, mollis laoreet eros. Donec faucibus, libero id faucibus scelerisque, justo justo nullam sodales.</p>
</div>
<div class="container-grid card"><span class="glyph"><i class="coffeecup-icons-rocket"></i></span><h4 class="feature-heading">Travel Events</h4>
<p class="paragraph">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque nibh risus, sagittis nec suscipit nec, mollis laoreet eros. Donec faucibus, libero id faucibus scelerisque, justo justo nullam sodales.</p>
</div>
<div class="container-grid card-wide"><span class="glyph smaller-space-icon"><i class="coffeecup-icons-bowtie"></i></span><h4 class="feature-heading">Weddings & Parties</h4>
<p class="paragraph">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque nibh risus, sagittis nec suscipit nec, mollis laoreet eros. Donec faucibus, libero id faucibus scelerisque, justo justo nullam sodales.</p>
</div>
</div>
</div>
<div class="container-grid contact-section">
<h2 class="name-heading" id="address">Win Tech<br>
</h2>
<p class="paragraph address"><span>1905 Woodstock Rd<br>Roswell, GA 30022<br>866-734-4865</span>
</p>
<div class="html-element google-map"><style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class='embed-container'><iframe src='https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3305.305884167474!2d-84.42048708529191!3d34.061672224681594!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x88f5728d3eb882b9%3A0xf4e67ab4e0b66794!2s1905+Woodstock+Rd%2C+Roswell%2C+GA+30075!5e0!3m2!1sen!2sus!4v1477783325573' width='600' height='450' frameborder='0' style='border:0' allowfullscreen></iframe></div></div>
</div>
<div class="container-grid footer">
<footer class="container-fluid container-grid">
<a class="link-text footer-nav-link" href="index.html">Home</a>
<a class="link-text footer-nav-link" href="about.html">About</a>
<a class="link-text footer-nav-link" href="services.html">Services</a>
</footer>
<div class="container-fluid container-grid"><a href="#" target="_blank" class="social-image"><img class="instagram-icon" src="./socialicons/webicon-instagram.png" alt="pin"></a><a href="#" target="_blank" class="social-image"><img class="facebook-icon" src="./socialicons/webicon-facebook.png" alt="fb"></a><a href="#" target="_blank" class="social-image"><img class="twitter-icon" src="./socialicons/webicon-twitter.png" alt="twit"></a><a href="#" target="_blank" class="social-image"><img class="vimeo-icon" src="./socialicons/webicon-vimeo.png" alt="vim"></a>
</div>
</div>
<div class="container-grid copyright">
<p class="paragraph footer-fine-print"><br>Copy Right © Win Tech</p>
</div>
<script src="js/jquery.min.js"></script>
<script src="js/outofview.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>