This repository was archived by the owner on May 19, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
139 lines (104 loc) · 5.56 KB
/
index.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
128
129
130
131
132
133
134
135
136
137
138
139
<!DOCTYPE HTML>
<!-- Andrew Li's personal website -->
<html>
<head>
<!-- meta -->
<meta charset="utf-8">
<meta name="description" content="Andrew Li's Personal Website">
<meta name="keywords" content="andrew li, code, media, website">
<meta name="author" content="Andrew Li">
<link rel="icon" href="images/icon.ico" type="image/ico">
<title>Andrew's Digital Services | HOME</title>
<!-- css libraries -->
<link rel="stylesheet" href="css/index.css" type="text/css">
<link rel="stylesheet" href="css/slick-theme.css" type="text/css">
<link rel="stylesheet" href="css/slick.css" type="text/css">
<!-- fonts -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
<!-- js libraries -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>if (!window.jQuery) document.write('<script src="jslib/jquery-3.3.1.min.js"><\/script>');</script>
</head>
<body>
<header>
<!-- banner -->
<div class="tabs">
<ul class="nav">
<li><a href="#">HOME</a></li>
<li><a href="coding.html">CODING</a></li>
<li><a href="media.html">MEDIA</a></li>
<li><a href="other.html">OTHER SERVICES</a></li>
<li><a href="contact.html">CONTACT</a></li>
<li><a href="blog.html">BLOG</a></li>
<li><div><a class="banner"><img src="images/bars.svg"></a></div></li>
</ul>
</div>
<!-- tabs menu if some small size -->
<div class="barActive">
<ul class="barActiveTabs">
<li><a href="#">HOME</a></li>
<li><a href="coding.html">CODING</a></li>
<li><a href="media.html">MEDIA</a></li>
<li><a href="other.html">OTHER SERVICES</a></li>
<li><a href="contact.html">CONTACT</a></li>
<li><a href="blog.html">BLOG</a></li>
</ul>
</div>
</header>
<!-- main body -->
<section>
<div>
<!-- top cover pictures -->
<div>
<div class="titleImage">
<div class="topOverlap"></div>
<a class="toSectionOne" href="#mainBody"><div class="scollDown"></div></a>
</div>
</div>
<!-- main text content body -->
<div class="mainBody" id="mainBody">
<h1>Welcome to Andrew's Digital Services</h1>
<p>From building an online presence to creating media and 3D objects, I would love to aid you or your company into building a <b>successful presence</b> in the digital landscape. To view examples of my works, the following slideshow has been created. If you want to go more indepth about each item and the pricing, click on the tabs at the top. If you are on mobile, click the 3 bars and select from there. </p>
<!-- slideshow -->
<div class="slideshowContainer" id="wrapper">
<div><img alt="artworks" src="images/artwork01.jpg" class="slideshow" title="Vector Artworks"></div>
<div><img alt="artworks" src="images/artwork02.jpg" class="slideshow" title="Vector Artworks"></div>
<div><img alt="artworks" src="images/artwork03.jpg" class="slideshow" title="More 3D Assets"></div>
<div><img alt="artworks" src="images/artwork04.jpg" class="slideshow" title="Coding Profile"></div>
</div>
<!-- slideshow js -->
<script src="jslib/slick.min.js"></script>
<script src="js/slideshow.js"></script>
<h2>Guide</h2>
<ul class="navPoints">
<li>To view my coding portfolio, click on the <a href="coding.html" target="_blank" id="contact">code</a> tab of the banner.</li>
<li>To view artworks and other media assets, click on the <a href="media.html" target="_blank" id="contact">media</a> tab</li>
<li>To learn about other services offered, click on other <a href="other.html" target="_blank" id="contact">services</a></li>
<li>To contact Andrew Li, click on <a href="contact.html" target="_blank" id="contact">contact</a></li>
<li>To investigate Andrew Li's rambling and other short programs, click on <a href="blog.html" target="_blank" id="contact">blog</a></li>
</ul><br>
</div>
</div>
</section>
<!-- footer -->
<footer class="footer">
<div class="footer1">
<p class="footernote">© 2019 Andrew Li's Digital Services. All Rights Reserved.
<a class="backtotop" href="#">▲ Back to top</a></p>
</div>
<hr class="divider">
<div class="footer2">
<ul class="bottom">
<li><a href="#">HOME</a></li>
<li><a href="coding.html">CODING</a></li>
<li><a href="media.html">MEDIA</a></li>
<li><a href="other.html">OTHER SERVICES</a></li>
<li><a href="contact.html">CONTACT</a></li>
<li><a href="blog.html">BLOG</a></li>
</ul>
</div>
<!-- back to top and banner tabs script with jQuery -->
<script src="js/index.js"></script>
</footer>
</body>
</html>