lggcs.github.io/index.html at master · lggcs/lggcs.github.io · GitHub

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
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Luke's Graphics & General Computer Services</title>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="Luke's Graphics & General Computer Services provides various technology related services for your needs." />
		<link rel="shortcut icon" href="../favicon.ico">
        <link rel="stylesheet" type="text/css" href="css/demo.css" />
		<link rel="stylesheet" type="text/css" href="css/slicebox.css" />
		<link rel="stylesheet" type="text/css" href="css/custom.css" />
		<script type="text/javascript" src="js/modernizr.custom.46884.js"></script>
	</head>
	<body>

			<h1>Luke's Graphics<br> &amp; General Computer Services<span>Providing you with liberating technology and quality services since 				2011.<br> </span></h1>

			<div class="wrapper">

				<ul id="sb-slider" class="sb-slider">
					<li>
						<img src="images/1.jpg" alt="image1"/>
						<div class="sb-description">
							<h3>Repairing old computers and giving them new life with Free Software...</h3>
						</div>
					</li>
					<li>
						<img src="images/2.jpg" alt="image2"/>
						<div class="sb-description">
							<h3>Designing 3D Graphics and Animations</h3>
						</div>
					</li>
					<li>
						<img src="images/3.jpg" alt="image1"/>
						<div class="sb-description">
							<h3>Creating Vector Illustrations</h3>
						</div>
					</li>
					<li>
						<img src="images/4.jpg" alt="image1"/>
						<div class="sb-description">
							<h3>Setting up, configuring, and optimizing pages with SEO and Social Media features.</h3>
						</div>
					</li>
					<li>
						<img src="images/5.jpg" alt="image1"/>
						<div class="sb-description">
							<h3>Protecting your critical infastructure from Cyber Attackers</h3>
						</div>
					</li>
					<li>
						<a href="https://www.flickr.com/photos/strupler/2968126177" target="_blank"><img src="images/6.jpg" alt="image1"/></a>
						<div class="sb-description">
							<h3>Modifying & Optimizing Audio Files for Production</h3>
						</div>
					</li>
					<li>
						<img src="images/7.jpg" alt="image1"/>
						<div class="sb-description">
							<h3>Video Editing and Production</h3>
						</div>
					</li>
				</ul>

				<div id="shadow" class="shadow"></div>

				<div id="nav-arrows" class="nav-arrows">
					<a href="#">Next</a>
					<a href="#">Previous</a>
				</div>

				<div id="nav-options" class="nav-options">
					<span id="navPlay">Play</span>
					<span id="navPause">Pause</span>
				</div>

			</div><!-- /wrapper -->

			<p class="info"><strong>Interested in my services?:</strong> Please get in touch!<br>E-mail Me: owner [at] lukesgraphics (dot) com<br><a style="color:#ffffff;" href="resume.html" rel="nofollow,noindex"><strong>Read my Résumé</strong></a></p>

		</div>
		<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
		<script type="text/javascript" src="js/jquery.slicebox.js"></script>
		<script type="text/javascript">
			$(function() {

				var Page = (function() {

					var $navArrows = $( '#nav-arrows' ).hide(),
						$navOptions = $( '#nav-options' ).hide(),
						$shadow = $( '#shadow' ).hide(),
						slicebox = $( '#sb-slider' ).slicebox( {
							onReady : function() {

								$navArrows.show();
								$navOptions.show();
								$shadow.show();

							},
							orientation : 'h',
							cuboidsCount : 3
						} ),

						init = function() {

							initEvents();

						},
						initEvents = function() {

							// add navigation events
							$navArrows.children( ':first' ).on( 'click', function() {

								slicebox.next();
								return false;

							} );

							$navArrows.children( ':last' ).on( 'click', function() {

								slicebox.previous();
								return false;

							} );

							$( '#navPlay' ).on( 'click', function() {

								slicebox.play();
								return false;

							} );

							$( '#navPause' ).on( 'click', function() {

								slicebox.pause();
								return false;

							} );

						};

						return { init : init };

				})();

				Page.init();

			});
		</script>
	</body>
</html>