https://mdgi.com/index.html

1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2
3<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
4<head>
5	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
6
7	<title>MDGI | MindDesign Inc.</title>
8
9	<!-- include jQuery library -->
10	

10<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>

10
11	<!-- include Cycle plugin -->
12	

12<script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.latest.js"></script>

12
13	

13<script type="text/javascript">
14		$(document).ready(function() {
15			$('#slideshow').after('<div id="indicator">').cycle({
16				fx: 'fade',
17				//fx: 'scrollUp',
18				//fx: 'turnRight',
19				//fx: 'scrollRight',
20				timeout: 10000,
21				pager: '#indicator'
22				//pagerEvent: 'mouseover'
23			});
24		});
25	</script>

25<!-- http://jquery.malsup.com/cycle/ -->
26
27	<link href="css/default.css" rel="stylesheet" type="text/css" />
28	<link href="css/form.css" rel="stylesheet" type="text/css" />
29	<style type="text/css">
30		#slideshow { height: 540px; width: 960px; overflow: hidden; }
31		#slideshow img { padding: 0px; border: 0px; background-color: #ffffff; }
32		#slideshow img { display: none; }
33		#slideshow img.first { display: block; }
34		#slideshow .slidecontent {  }
35		#slideshow .slidecontent a { background: #00b3e4; color: #ffffff; padding: 4px 6px; text-decoration: none; text-align: center; font-size: 18px; font-family: "Museo300", Helvetica, Arial, sans-serif; }
36		#slideshow .slidecontent a:hover, #slideshow .slide_content a:active { background: #000000; color: #ffffff; }
37
38		#indicator { width: 237px; height: 20px; margin: 0px auto; padding: 8px 0px; }
39		#indicator a { width: 75px; height: 4px; border: 0px; background: #000000; text-decoration: none; margin: 0px 2px; padding: 0px; display: block; float: left; text-indent: -9999px;}
40		#indicator a.activeSlide { background: #00b3e4; }
41		#indicator a:focus { outline: none; }
42	</style>
43</head>
44
45<body class="site_body" style="padding: 0px; margin: 0px;">
46	<div id="wrapper" style="background: #ffffff !important; margin: 0px auto;">
47		<div id="menu">
48			<ul>
49				<li class="active"><a href="index.html">Home</a></li>
50				<li><a href="services.html">Services</a></li>
51				<li><a href="about.html">About</a></li>
52				<li><a href="support.html">Support</a></li>
53				<!-- <li><a href="login.html">Login</a></li> -->
54			</ul>
55			<div id="logo">
56			</div>
57		</div>
58		<!-- end #menu -->
59		<div id="content">
60			<div id="slideshow">
61				<div class="slidecontent" style="background: url(images/mdgi_ace_overwhelmed.jpg); width: 960px; height: 540px; position: relative;">
62					<div style="position: absolute; left: 20px; top: 100px; width: 500px;">
63						<h3 style="font-size: 36px; color: #00b3e4; margin-bottom: 20px;">Your job is hard enough&hellip;</h3>
64						<h2 style="font-size: 28px; line-height: 100%; text-align: left;">Don't let email campaign management bog you down.</h2>
65						<p style="margin-top: 25px;"><a href="services.html">Learn how MindDesign can help</a></p>
66					</div>
67				</div>
68				<!-- <div class="slidecontent" style="background: url(images/mdgi_ace_time2.jpg); width: 960px; height: 540px; position: relative;">
69					<div style="position: absolute; left: 20px; top: 100px; width: 500px;">
70						<h3 style="font-size: 36px; color: #00b3e4; margin-bottom: 20px;">Got a minute?</h3>
71						<h2 style="font-size: 380%; line-height: 100%;">We know your<br />time is valuable...</h2>
72						<p style="width: 350px; font-size: 14px; padding: 10px 0px; font-size: 12px;">Don't let campaign management hold you up. Get an extra day off this year with ACE!</p>
73						<p style="margin-top: 20px;"><a href="#">Learn more about ACE</a></p>
74					</div>
75				</div> -->
76				<!-- ADD ADDITIONAL SLIDES HERE - DIV, IMG, ETC -->
77			</div>
78			<br />
79		</div>
80		<!-- end #content -->
81	</div>
82	<!-- end #wrapper -->
83	<div id="footer" style="width: 100%; height: 120px; background: #999999;">
84		<p style="text-align: center; padding: 10px 0px; opacity: 0.6;"><img src="images/client_logos_grey.jpg" width="872" height="52" border="0" align="center" /></p>
85		<p style="text-align: center; color: #ffffff; font-size: 11px; opacity: 0.6; padding: 20px 0px;">Copyright &copy; 2019 Mind Design Group, Inc. All Rights Reserved.</p>
86	</div>
87	<!-- end #footer -->
88</body>
89</html>