-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathsinglepage.html
More file actions
210 lines (154 loc) · 10.1 KB
/
singlepage.html
File metadata and controls
210 lines (154 loc) · 10.1 KB
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
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
<!DOCTYPE .<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Kaiser's Page</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" media="screen" href="main.css">
<link rel="stylesheet" href="singlepage.css">
<script src="main.js"></script>
</head>
<body>
<a name="top"></a>
<header>
<div class="love1">
<div class="content">
<h1>Smart Technologies Are Change The Business</h1> <br>
<p style="color:green">We are Build, Design, Code, and To Consult </p>
<p style="color:green">By Technology solve the problems</p> <br>
<h3>A smarter future - smart technology becomes a key part of products</h3>
</div>
</div>
</header>
<nav class="topnav" id="myTopnav">
<a href="singlepage.html"><i id="school"class="fas fa-school"></i></a>
<ul>
<li ><a href="singlepage.html">HOME</a></li>
<li><a href="about.html">ABOUT</a></li>
<li><a href="portfolio.html">PORTFOLIO</a></li>
<li><a href="contact.html">CONTACT</a></li>
<li style="float:right"><a href="gallery.html">MY ART GALLERY</a></li>
<li><a href="javascript:void(0);" id="menu-icon" onclick="navToggle()"><i class="fas fa-bars"></i></a></li>
</ul>
</nav>
<div class="go1">
<title>Page Title</title>
<link href="https://fonts.googleapis.com/css?family=Anton" rel="stylesheet">
</div>
<section class="scroll">
<div id="part1" style="color:rgb(233, 15, 15)" > Programming & Tech </div>
<div class="header">
<div class="content">
<h1 style=" text-align: center;">Web, iphone and android app development</h1> <br>
<p> We are develops mobile applications for clients all over the world.
And we would like to offer our services to you. </p> <br>
<p> Our team houses 5 professional mobile, web and AR developers that concentrate on delivering high quality code, design, functionality, user friendliness and polished flow in each app we take.
Each app is custom made meaning it will be developed using latest technologies and will be scalable to any point.</p> <br>
<p> We created apps for Fashion industry, Transportation, Security tools, Financial and Cryptocurrency markets, Entertainment, Travelling and others.</p> <br>
<p> Why our service is unique:
Team of professionals that work fulltime on developing mobile, web applications
Experience - we know what to do and how to do it the best way possible
6 month of free guarantee, more for bigger apps
Projects of any scale - we developed apps ranging from 2 weeks to a year
For bigger apps we provide detailed estimation document
Online tracking app will be available for you to track progress on your project
Please contact us before placing an order</p> <br>
<h4 style=" text-align: center;">We are working with latest web technologies, frameworks and tools.</h4>
</div>
</div>
<div id="part2">
<section>
<div class="container">
<div class="background-img">
<div class="box">
<span></span>
<span></span>
<span></span>
<span></span>
<div class="content">
<h3>K -Design</h3>
<p><a href="kaiserlund.ml" style="color:#00ffeac2;" target="_blank"> Smart Tech, Web/App, Mobile/App and UI.</a></p>
</div>
</div>
</div>
</div>
</section>
</div>
<br><br>
<marquee scrollamount="7" direction="left" behavior="scroll" style="color:#0e2402c2;"> <i><h1>...Made And Owned by K-Design, sponsored by developer, UI arts Kaiser!...</h1></i></marquee>
<div class="header">
<div class="content">
<h2 style=" text-align: center;">Design & Graphics</h2> <br>
<p>Logo Design, Illustration, Portraits & Caricatures, Flyers & Brochures, Packaging Design,
Web & Mobile Design, Photoshop Editing </p>
<p>3D Models & Product Design,
T-Shirts & Merchandise,
Presentation Design,
Infographic Design.</p><br>
<h3 style=" text-align: center;">We Convert your Design into Pixel Perfect </h3>
</div>
</div>
<div id="part3">Digital Marketing For Your Business</div>
<div class="header">
<div class="content">
<h2 style=" text-align: center;">Develop Your Digital Strategy</h2> <br>
<p><strong> Develop in-demand skills and kickstart your digital business transformation, opening up new opportunities for your business with advances in smart technologies.
</p><br><br>
<div class="row1">
<div class="column1" >
<p>. Social Media Marketing</p>
<p>. Email Marketing</p>
<p>. Search & Display Marketing</p>
<p>. Mobile Advertising</p>
</div>
<div class="column2" >
<p>. Marketing Strategy</p>
<p>. Web Analytics</p>
<p>. Local Listings</p>
<p>. Smarter Businesses </p>
</div>
<div class="column3" >
<p>. Smarter Businesses </p>
<p>. Full Stack Development</p>
<p>. Content Produce</p>
<p>. Designer & Developer</p>
</div>
</div>
</div>
</div>
</section>
<!--footer -->
<a href="#top" class="back-to-top" >Back to top</a> <br><br>
<div class="footer" id="my-bottum">
<span> <i style="color:rgb(255, 217, 0)">BY<small> PUSH</small> TO </i> <a href="index.html"><img src="push.png" alt="push me" width="40" height="40"></a><i style="color:rgba(20, 165, 64, 0.897)">THE<small> FIRST</small> PAGE</i> </span>
<p style="color:rgba(47, 114, 63, 0.986);opacity: 0.5;
filter: Alpha(opacity=50);"> All rights reserved by K-Design
© 2018 </p>
</div>
</footer>
<!--JS start from here -->
<script>
window.onscroll = function() {
// console.log(window.screen.availHeight)
var part1 = document.getElementById("part1");
var part2 = document.getElementById("part2");
var part3 = document.getElementById("part3");
var screenHeight = window.screen.availHeight;
var offset = 50*document.body.scrollTop/screenHeight;
part1.style.backgroundPosition = "50% " + offset + "%";
if(offset>10) part2.style.backgroundPosition = "50% " + (offset-10) + "%";
if(offset>50) part3.style.backgroundPosition = "50% " + (offset-50) + "%";
}
function navToggle() {
var x = document.getElementById("myTopnav");
if (x.className === "topnav") {
x.className += " dropped";
} else {
x.className = "topnav";
}
}
</script>
</body>
</html>