-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
169 lines (151 loc) · 7.83 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
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
<!doctype html>
<!--
Material Design Lite
Copyright 2015 Google Inc. All rights reserved.
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
https://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License
-->
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="Introducing Lollipop, a sweet new take on Android.">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
<meta name="theme-color" content="#f5f5dc">
<link rel="icon" href="images/pine-cone.svg">
<link rel="manifest" href="manifest.json">
<title>Pinecode Technologies</title>
<!-- Page styles -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:regular,bold,italic,thin,light,bolditalic,black,medium&lang=en">
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.min.css">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
<div class="android-header mdl-layout__header mdl-layout__header--waterfall">
<div class="mdl-layout__header-row">
<span class="android-title mdl-layout-title">
<img class="android-logo-image" src="images/pine-cone.svg" height="50">
</span>
<!-- Add spacer, to align navigation to the right in desktop -->
<div class="android-header-spacer mdl-layout-spacer"></div>
<div class="android-search-box mdl-textfield mdl-js-textfield mdl-textfield--expandable mdl-textfield--floating-label mdl-textfield--align-right mdl-textfield--full-width">
<label class="mdl-button mdl-js-button mdl-button--icon" for="search-field">
<i class="material-icons">search</i>
</label>
<div class="mdl-textfield__expandable-holder">
<input class="mdl-textfield__input" type="text" id="search-field">
</div>
</div>
<!-- Navigation -->
<div class="android-navigation-container">
<nav class="android-navigation mdl-navigation">
<a class="mdl-navigation__link mdl-typography--text-uppercase" href="">Phones</a>
<a class="mdl-navigation__link mdl-typography--text-uppercase" href="">Tablets</a>
<a class="mdl-navigation__link mdl-typography--text-uppercase" href="">Wear</a>
<a class="mdl-navigation__link mdl-typography--text-uppercase" href="">TV</a>
<a class="mdl-navigation__link mdl-typography--text-uppercase" href="">Auto</a>
<a class="mdl-navigation__link mdl-typography--text-uppercase" href="">One</a>
<a class="mdl-navigation__link mdl-typography--text-uppercase" href="">Play</a>
</nav>
</div>
<span class="android-mobile-title mdl-layout-title">
<img class="android-logo-image" src="images/android-logo.png">
</span>
<button class="android-more-button mdl-button mdl-js-button mdl-button--icon mdl-js-ripple-effect" id="more-button">
<i class="material-icons">more_vert</i>
</button>
<ul class="mdl-menu mdl-js-menu mdl-menu--bottom-right mdl-js-ripple-effect" for="more-button">
<li class="mdl-menu__item">5.0 Lollipop</li>
<li class="mdl-menu__item">4.4 KitKat</li>
<li disabled class="mdl-menu__item">4.3 Jelly Bean</li>
<li class="mdl-menu__item">Android History</li>
</ul>
</div>
</div>
<div class="android-drawer mdl-layout__drawer">
<span class="mdl-layout-title">
<img class="android-logo-image" src="images/pine-cone.svg">
</span>
<nav class="mdl-navigation">
<a class="mdl-navigation__link" href="">Phones</a>
<a class="mdl-navigation__link" href="">Tablets</a>
<a class="mdl-navigation__link" href="">Wear</a>
<a class="mdl-navigation__link" href="">TV</a>
<a class="mdl-navigation__link" href="">Auto</a>
<a class="mdl-navigation__link" href="">One</a>
<a class="mdl-navigation__link" href="">Play</a>
<div class="android-drawer-separator"></div>
<span class="mdl-navigation__link" href="">Versions</span>
<a class="mdl-navigation__link" href="">Lollipop 5.0</a>
<a class="mdl-navigation__link" href="">KitKat 4.4</a>
<a class="mdl-navigation__link" href="">Jelly Bean 4.3</a>
<a class="mdl-navigation__link" href="">Android history</a>
<div class="android-drawer-separator"></div>
<span class="mdl-navigation__link" href="">Resources</span>
<a class="mdl-navigation__link" href="">Official blog</a>
<a class="mdl-navigation__link" href="">Android on Google+</a>
<a class="mdl-navigation__link" href="">Android on Twitter</a>
<div class="android-drawer-separator"></div>
<span class="mdl-navigation__link" href="">For developers</span>
<a class="mdl-navigation__link" href="">App developer resources</a>
<a class="mdl-navigation__link" href="">Android Open Source Project</a>
<a class="mdl-navigation__link" href="">Android SDK</a>
</nav>
</div>
<div class="android-content mdl-layout__content">
<a name="top"></a>
<div class="welcome-section">
<p>
<span class="text-quote">Simplifying tech for the masses</span>
</p>
<p>
<b>Pinecode Technologies</b> aims to deliver apps that are useful, intuitive,
robust yet <span class="text-highlight">simple</span> without sacrificing quality and performance.
</p>
<p class="text-align-right">
Watch this space for upcoming projects from the camp.
</p>
<br>
<p class="text-align-right text-italic">
...a new frontier awaits.
</p>
</div>
<footer class="android-footer">
<div class="mdl-mega-footer--top-section">
</div>
<div class="mdl-mega-footer--middle-section">
©2020 Pinecode Technologies | Icons made by <a href="https://www.flaticon.com/authors/freepik" title="Freepik">Freepik</a> from <a href="https://www.flaticon.com/" title="Flaticon"> www.flaticon.com</a>
<div class="mdl-mega-footer--bottom-section">
</div>
</footer>
</div>
</div>
<img class="background-logo" src="images/pine-cone.svg" alt="">
<script src="https://code.getmdl.io/1.3.0/material.min.js"></script>
<script defer>
//document.querySelector('.mdl-mega-footer').setAttribute('style', 'display: none;');
document.querySelector('.android-header').setAttribute('style', 'display: none;');
document.querySelector('.android-drawer').setAttribute('style', 'display: none;');
</script>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Responsive -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-2368312926906995"
data-ad-slot="5306382599"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</body>
</html>