-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
85 lines (84 loc) · 9.03 KB
/
index.html
File metadata and controls
85 lines (84 loc) · 9.03 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<style>
* {box-sizing: border-box;} html,body{height:100%;font-family:sans-serif;font-size:16px;color:#000;text-align:center;margin:0;height:100%;} header{position:absolute;top:64px;width:100%;background:transparent;} .hero{justify-content:center;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='auto' style='background-color:%23000' viewBox='0 0 1280 1280'%3E%3Cdefs/%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath fill='%23010E18' d='M-668.3 895.3l622-622 622 622-622 622-622-622zM354 355l826-826 826 826-826 826-826-826z'/%3E%3Cpath fill='%23010E18' d='M722 242l48-48 48 48-48 48-48-48z'/%3E%3Cpath fill='%2304253E' d='M783 630l24-24 24 24-24 24-24-24zm284-190.2h4v-4h-4v4zm-72-55.5h4v-4h-4v4zm0 59.5h4v-4h-4v4zm0-31.8h4v-4h-4v4zm0 51.6h4v-4h-4v4zm36-39.6h4v-4h-4v4zm72 0h4v-4h-4v4zm36-23.9h4v-4h-4v4zm-72 99.2h4v-4h-4v4zm-36-15.9h4v-4h-4v4zm0 154.6h4v-3.9h-4v4zm72-154.6h4v-4h-4v4zm36 8h4v-4h-4v4zm-72-31.8h4v-4h-4v4zm-36-15.8h4v-4h-4v4zm72 0h4v-4h-4v4zm36-23.8h4v-4h-4v4zm-72 99.1h4v-4h-4v4zm-36 15.9h4v-4h-4v4zm0 138.8h4v-4h-4v4zm0 35.7h4v-4h-4v4zm0 55.5h4v-39.7h-4V765zm72-238h4v-4h-4v4zm0 51.6h4v-4h-4v4zm-36-99.1h4v-4h-4v4zm-36-15.9h4v-4h-4v4zm0 146.7h4v-4h-4v4zm72-146.7h4v-4h-4v4zm36-7.9h4v-4h-4v4zm-72 211.1h4V536h-4v130.8zm-36-92.2h4v-23.8h-4v23.8zm72 151.7h4V595.5h-4v130.8z'/%3E%3Cpath fill='%2304253E' fill-rule='evenodd' d='M1069 217l-74 74 74 74 74-74-74-74zm0 6l-68 68 68 68 68-68-68-68z' clip-rule='evenodd'/%3E%3Cpath fill='%2304253E' d='M184 613.8h4v-16h-4v16zM112 550h4v-4h-4v4zm36 63.8h4V578h-4v36zm72-31.9h4v-4h-4v4zm36-23.9h4v-4h-4v4zm-72 139.6h4v-4h-4v4zm-36 99.7h4v-4h-4v4zm72-155.6h4v-4h-4v4zm36 8h4v-4h-4v4zm-144 27.9h4v-37.9h-4v38zm36 16h4v-4h-4v4zm0 175.4h4v-3.9h-4v4zm0 56h4v-40h-4v40zm72-239.4h4v-4h-4v4zm-72 83.8h4v-12h-4v12zm108-155.6h4v-4h-4v4zM184 974h4V806.3h-4V974z'/%3E%3Cpath fill='%2304253E' d='M112 677.6h4v-30.9h-4v31zM220 886h4V754.4h-4V886zM118 478l68-68 68 68-68 68-68-68zm547 457h4v-12h-4v12zm56 16h4v-32h-4v32zm-28 99h4V930h-4v120zm-28-103h4v-4h-4v4zm56 24h4v-4h-4v4zm-28 96h4v-4h-4v4zm-28-100h4v-4h-4v4zm56 28h4v-4h-4v4zm-28 96h4v-4h-4v4zm28-80h4v-4h-4v4z'/%3E%3Cpath fill='%2304253E' fill-rule='evenodd' d='M659 867l36-36 36 36-36 36-36-36zm36-32l-32 32 32 32 32-32-32-32z' clip-rule='evenodd'/%3E%3Cpath fill='%23010E18' fill-rule='evenodd' d='M998 1077l40-40 40 40-40 40-40-40zm40-36l-36 36 36 36 36-36-36-36z' clip-rule='evenodd'/%3E%3Cpath fill='%23010E18' d='M371 415h4v-12h-4v12zm56 16h4v-32h-4v32zm-28 99h4V410h-4v120zm-28-103h4v-4h-4v4zm56 24h4v-4h-4v4zm-28 96h4v-4h-4v4zm-28-100h4v-4h-4v4zm56 28h4v-4h-4v4zm-28 96h4v-4h-4v4zm28-80h4v-4h-4v4z'/%3E%3Cpath fill='%23010E18' fill-rule='evenodd' d='M365 347l36-36 36 36-36 36-36-36zm36-32l-32 32 32 32 32-32-32-32z' clip-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E")no-repeat center;background-size:cover;min-height:100vh;padding:160px 0 32px;margin:0;color:#FFF;} .hero,main{font-size:100%;} hr{width:40px;display:block;margin:24px auto 40px;border:2px solid #FFF;} h1,h2,h3,h4{line-height:2;text-transform:uppercase;margin:0;width:100%;} h1{font-size:4em;font-weight:700;text-transform:uppercase;} h2{font-size:1.3em;font-weight:300;letter-spacing:.1em;} h3{font-size:1.8em;margin:0 0 32px;} h4{font-size:1.3em;} span{margin: 0 0 16px;font-size:1.6em;font-weight:700;display:block;opacity:.32;} p{font-size:1.2em;margin:0 0 16px;} a:link,a:visited {color: #222;text-decoration: none;}main,section,footer{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-around;align-content:center;align-items:center;padding:48px 0;margin:0;}footer{background-color:#000;text-align:center;color:#999}.flex-wrap{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;align-content:center;align-items:center;width:100%;max-width:1280px;padding:0 8px;margin:-16px -16px;}.box-100,.inner-100{width:calc(100% - 16px);}.inner-100,.inner-50{align-self:stretch;}picture{padding:0;width:100%;height:auto;}.box-50-elevated-card img{width:100%;height:auto;object-fit:contain;}.box-50-elevated-card{width:calc(50% - 16px);background:#FFF;box-shadow:0 16px 32px -16px rgba(0,0,0,0.24);padding:0 0 24px 0;margin:8px;align-self:stretch;text-align:center;}.card-content{align-self:flex-start;width:100%;padding:16px 16px 0 16px;}
@media not screen and (max-width: 1024px)
{
a:hover{color:#06F;transition:all .3s;}
}
@media(max-width:768px){.hero{font-size:80%;}main{font-size:90%;}.flex-wrap{width:96%;}.box-50-elevated-card{width:calc(100% - 16px);}} @media(max-width:360px){.hero,main{font-size:76%;}}
</style>
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Mobikdev</title>
<link rel="icon" type="image/svg+xml" href="https://gitcdn.link/cdn/rocketpage/assets/855ca535758c0f96b8be1d8b82723eef03d09237/favicon.svg">
<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="https://gitcdn.link/cdn/rocketpage/assets/855ca535758c0f96b8be1d8b82723eef03d09237/apple-touch-icon.png">
<meta name="description" content="High performance PWA">
<link rel="manifest" href="https://gitcdn.link/cdn/rocketpage/assets/main/manifest.json">
<meta name="apple-mobile-web-app-status-bar-style" content="#000">
<meta name="application-name" content="Mobikdev PWA">
<meta name="msapplication-TileColor" content="#000">
<meta name="theme-color" content="#000">
</head>
<body>
<header>
<a href="index.html"><img src="data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M32 28.229A3.771 3.771 0 0128.229 32H3.77A3.771 3.771 0 010 28.229V3.77A3.771 3.771 0 013.771 0H28.23A3.771 3.771 0 0132 3.771V28.23z' fill='%23fff'/%3E%3Cpath d='M24.917 12.717l-2.341 3.558a15.52 15.52 0 011.609 7.343c-.073 2.544-.135 4.504-2.764 8.159l-.163.223h4.613a19.397 19.397 0 002.123-9.336 19.375 19.375 0 00-3.058-9.967l-.019.02zM6.28 25.872a3.775 3.775 0 005.387 0L22.443 9.543 6.281 20.43a3.881 3.881 0 000 5.443zM6.307 8.02a15.09 15.09 0 019.473 1.389l3.522-2.366a18.883 18.883 0 00-12.08-2.957C4.677 4.332 2.223 5.09 0 6.3v4.434a15.147 15.147 0 016.307-2.714z' fill='%23158CE3'/%3E%3C/svg%3E" width="64" height="64" alt="Mobikdev logo"></a>
</header>
<section class="hero">
<div class="flex-wrap">
<h1>Mobikdev</h1><hr>
<h2>building speed websites</h2>
</div>
</section>
<main>
<div class="flex-wrap">
<h3>Latest works</h3>
<a class="box-50-elevated-card" href="https://demopagerocket.github.io">
<img src="https://gitcdn.link/cdn/rocketpage/assets/855ca535758c0f96b8be1d8b82723eef03d09237/05_800x600.webp" alt="PWA ready boilerplate">
<div class="card-content">
<h4>PWA ready boilerplate</h4><span>—</span>
<p>PWA ready html/css boilerplate</p>
</div>
</a>
<a class="box-50-elevated-card" href="https://www.behance.net/gallery/89192735/Coupler-Business-Web">
<img src="https://gitcdn.link/cdn/rocketpage/assets/855ca535758c0f96b8be1d8b82723eef03d09237/01_800x600.webp" alt="Coupler business web cover picture">
<div class="card-content">
<h4>Coupler Business Web</h4><span>—</span>
<p>Business management app</p>
</div>
</a>
<a class="box-50-elevated-card" href="https://dribbble.com/shots/7887127-Coupler-connect-marketplace-of-services-IOS-app-night-mode">
<img src="https://gitcdn.link/cdn/rocketpage/assets/855ca535758c0f96b8be1d8b82723eef03d09237/02_800x600.webp" alt="Coupler connect cover picture">
<div class="card-content">
<h4>Coupler connect</h4><span>—</span>
<p>Marketplace IOS mobile app</p>
</div>
</a>
<a class="box-50-elevated-card" href="https://dribbble.com/shots/10757983-Landing-page-for-HACKATHONHUB">
<img src="https://gitcdn.link/cdn/rocketpage/assets/855ca535758c0f96b8be1d8b82723eef03d09237/03_800x600.webp" alt="Hub for hackathon`s cover picture">
<div class="card-content">
<h4>Hub for hackathon`s</h4><span>—</span>
<p>Hub's landing page</p>
</div>
</a>
<a class="box-50-elevated-card" href="https://dribbble.com/shots/7885848-Coupler-client-IOS-app-part-II">
<img src="https://gitcdn.link/cdn/rocketpage/assets/855ca535758c0f96b8be1d8b82723eef03d09237/04_800x600.webp" alt="Coupler client IOS cover picture">
<div class="card-content">
<h4>Coupler client IOS</h4><span>—</span>
<p>Service search mobile app</p>
</div>
</a>
<a class="box-50-elevated-card" href="https://www.behance.net/gallery/57911823/Card-2-card-money-transfer-Part-of-new-fintech-project">
<img src="https://gitcdn.link/cdn/rocketpage/assets/855ca535758c0f96b8be1d8b82723eef03d09237/06_800x600.webp" alt="Card to card money transfer page">
<div class="card-content">
<h4>Fintech web service</h4><span>—</span>
<p>Money transfer card 2 card</p>
</div>
</a>
</div>
</main>
<footer><p class="inner-100"><small>© 2021 Mobikdev</small></p></footer>
<script>if ("serviceWorker" in navigator) {navigator.serviceWorker.register("sw.js", {updateViaCache: "none",});}</script>
</body>
</html>