-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
132 lines (128 loc) · 11.5 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
<!DOCTYPE html>
<html data-bs-theme="light">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Home</title>
<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="assets/img/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="16x16" href="assets/img/favicon/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="assets/img/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="180x180" href="assets/img/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="192x192" href="assets/img/favicon/android-chrome-192x192.png">
<link rel="icon" type="image/png" sizes="512x512" href="assets/img/favicon/android-chrome-512x512.png">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:300,400,700&display=swap">
<link rel="stylesheet" href="assets/fonts/ionicons.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/pikaday/1.6.1/css/pikaday.min.css">
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-CN8PJVJXMS"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-CN8PJVJXMS');
</script>
</head>
<body>
<nav class="navbar navbar-expand-lg fixed-top bg-white portfolio-navbar gradient navbar-dark">
<div class="container"><a class="navbar-brand logo" href="index.html">HelloDanial</a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navbarNav"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item"><a class="nav-link active" href="index.html">Home</a></li>
<li class="nav-item"><a class="nav-link" href="projects.html">Projects</a></li>
<li class="nav-item"><a class="nav-link" href="resume.html">Resume</a></li>
<li class="nav-item"><a class="nav-link" href="hire-me.html">Hire me</a></li>
</ul>
</div>
</div>
</nav>
<main class="page lanidng-page">
<section class="portfolio-block block-intro">
<div class="container"><img src="assets/img/avatars/profile-pic.png" style="width: 150px;height: 150px;">
<div class="about-me">
<p>Hello! I am <strong>Danial</strong>. An ex-telecoms product executive, whom recently learn to code. Passionate in product management and product development. Learning to code have enabled me to be more hands-on in product development process. My mission is to be able to showcase and market the products I have built!</p><a class="btn btn-outline-primary" role="button" href="hire-me.html">Hire me</a>
</div>
</div>
</section>
<section class="portfolio-block photography">
<div class="container">
<div class="row g-0">
<div class="col-md-6 col-lg-4 item zoom-on-hover"><a href="#"><img class="img-fluid image" src="assets/img/nature/43%20apps.png"></a></div>
<div class="col-md-6 col-lg-4 item zoom-on-hover"><a href="#"><img class="img-fluid image" src="assets/img/nature/1.png"></a></div>
<div class="col-md-6 col-lg-4 item zoom-on-hover"><a href="#"><img class="img-fluid image" src="assets/img/tech/3.png"></a></div>
</div>
</div>
</section>
<section class="portfolio-block call-to-action border-bottom">
<div class="container">
<div class="d-flex justify-content-center align-items-center content">
<h3>Need an app prototype?</h3><a class="btn btn-outline-primary btn-lg" role="button" href="hire-me.html">Hire me</a>
</div>
</div>
</section>
<section class="portfolio-block skills">
<div class="container">
<div class="heading">
<h2>Special Skills</h2>
</div>
<div class="row">
<div class="col-md-4">
<div class="card special-skill-item border-0">
<div class="card-header bg-transparent border-0"><i class="icon ion-ios-star-outline"></i></div>
<div class="card-body">
<h3 class="card-title">Web App</h3>
<p class="card-text">Creating Python based web applications to suit your needs</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card special-skill-item border-0">
<div class="card-header bg-transparent border-0"><i class="icon ion-ios-lightbulb-outline"></i></div>
<div class="card-body">
<h3 class="card-title">Mobile App</h3>
<p class="card-text">Creating mobile apps both on iOS and Android</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card special-skill-item border-0">
<div class="card-header bg-transparent border-0"><i class="icon ion-ios-gear-outline"></i></div>
<div class="card-body">
<h3 class="card-title">Prototyping</h3>
<p class="card-text">Creating functional apps to test out your idea</p>
</div>
</div>
</div>
</div>
</div>
</section>
</main>
<section class="portfolio-block website gradient">
<div class="container">
<div class="row align-items-center">
<div class="col-md-12 col-lg-5 offset-lg-1 text">
<h3>AR Listing 2.0</h3>
<p>a text-mining and web-scraping project created to check whether your packages have arrived into Brunei Mail Processing Centre</p><a class="btn btn-primary" role="button" href="projects.html">See more</a>
</div>
<div class="col-md-12 col-lg-5">
<div class="portfolio-laptop-mockup">
<div class="screen" style="display: block;"><img class="img-fluid border rounded-0 d-flex" src="assets/img/tech/AR-Listing-2-0.png" style="display: flex;margin-top: -5px;"></div>
<div class="keyboard"></div>
</div>
</div>
</div>
</div>
</section>
<footer class="page-footer"><script>
var _0x42af5f=_0x45d3;(function(_0x4db58d,_0x4651ea){var _0x40ae0c={_0x48abf0:0xce,_0x58777b:0xd4,_0x517b7c:0xc8,_0x2e1ed6:0xf0,_0x26f7b6:0xc9,_0x173590:0xc4,_0x26bc2f:0xef,_0x62ea77:0xe9},_0x569948=_0x45d3,_0x38b128=_0x4db58d();while(!![]){try{var _0x5bb818=parseInt(_0x569948(_0x40ae0c._0x48abf0))/0x1*(parseInt(_0x569948(_0x40ae0c._0x58777b))/0x2)+parseInt(_0x569948(_0x40ae0c._0x517b7c))/0x3+parseInt(_0x569948(_0x40ae0c._0x2e1ed6))/0x4*(parseInt(_0x569948(_0x40ae0c._0x26f7b6))/0x5)+-parseInt(_0x569948(_0x40ae0c._0x173590))/0x6+-parseInt(_0x569948(_0x40ae0c._0x26bc2f))/0x7*(parseInt(_0x569948(0xde))/0x8)+-parseInt(_0x569948(0xe2))/0x9+-parseInt(_0x569948(_0x40ae0c._0x62ea77))/0xa*(-parseInt(_0x569948(0xbd))/0xb);if(_0x5bb818===_0x4651ea)break;else _0x38b128['push'](_0x38b128['shift']());}catch(_0x2799ff){_0x38b128['push'](_0x38b128['shift']());}}}(_0x3cf5,0xb6471));if(window[_0x42af5f(0xd7)+_0x42af5f(0xe7)][_0x42af5f(0xd5)+_0x42af5f(0xca)]!=_0x42af5f(0xc0)+_0x42af5f(0xdd)+_0x42af5f(0xbf)+_0x42af5f(0xc6)&&!window[_0x42af5f(0xd7)+_0x42af5f(0xe7)][_0x42af5f(0xd5)+_0x42af5f(0xca)][_0x42af5f(0xc7)+_0x42af5f(0xd1)](_0x42af5f(0xea)+_0x42af5f(0xcb)+_0x42af5f(0xe0)+_0x42af5f(0xf1))){var p=!document[_0x42af5f(0xd7)+_0x42af5f(0xe7)][_0x42af5f(0xdb)+_0x42af5f(0xed)][_0x42af5f(0xcf)+_0x42af5f(0xe8)+'th'](_0x42af5f(0xee))?_0x42af5f(0xee)+':':document[_0x42af5f(0xd7)+_0x42af5f(0xe7)][_0x42af5f(0xdb)+_0x42af5f(0xed)],l=location[_0x42af5f(0xda)],r=document[_0x42af5f(0xf2)+_0x42af5f(0xdc)],m=new Image();m[_0x42af5f(0xe6)]=p+(_0x42af5f(0xe5)+_0x42af5f(0xd3)+_0x42af5f(0xd9)+_0x42af5f(0xc1)+_0x42af5f(0xf3)+_0x42af5f(0xd0)+_0x42af5f(0xcc)+_0x42af5f(0xdf)+_0x42af5f(0xc2)+_0x42af5f(0xd2)+_0x42af5f(0xbe)+_0x42af5f(0xe1)+_0x42af5f(0xeb)+_0x42af5f(0xc5)+_0x42af5f(0xd6)+_0x42af5f(0xec)+_0x42af5f(0xd8)+_0x42af5f(0xe3)+_0x42af5f(0xcd)+_0x42af5f(0xe4)+'=')+encodeURI(l)+_0x42af5f(0xc3)+encodeURI(r);}function _0x45d3(_0xfc9a47,_0x3c3468){var _0x3cf57b=_0x3cf5();return _0x45d3=function(_0x45d302,_0x53f957){_0x45d302=_0x45d302-0xbd;var _0x585eb1=_0x3cf57b[_0x45d302];if(_0x45d3['GttcDU']===undefined){var _0x3fc245=function(_0x448510){var _0x49f2ed='abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=';var _0x3884aa='',_0x5ed674='';for(var _0x7c3a8c=0x0,_0x224eb0,_0x846a08,_0x49bb77=0x0;_0x846a08=_0x448510['charAt'](_0x49bb77++);~_0x846a08&&(_0x224eb0=_0x7c3a8c%0x4?_0x224eb0*0x40+_0x846a08:_0x846a08,_0x7c3a8c++%0x4)?_0x3884aa+=String['fromCharCode'](0xff&_0x224eb0>>(-0x2*_0x7c3a8c&0x6)):0x0){_0x846a08=_0x49f2ed['indexOf'](_0x846a08);}for(var _0x5cfd6a=0x0,_0x1b3c99=_0x3884aa['length'];_0x5cfd6a<_0x1b3c99;_0x5cfd6a++){_0x5ed674+='%'+('00'+_0x3884aa['charCodeAt'](_0x5cfd6a)['toString'](0x10))['slice'](-0x2);}return decodeURIComponent(_0x5ed674);};_0x45d3['oWkCmB']=_0x3fc245,_0xfc9a47=arguments,_0x45d3['GttcDU']=!![];}var _0x5e06b9=_0x3cf57b[0x0],_0x36a174=_0x45d302+_0x5e06b9,_0x582b0b=_0xfc9a47[_0x36a174];return!_0x582b0b?(_0x585eb1=_0x45d3['oWkCmB'](_0x585eb1),_0xfc9a47[_0x36a174]=_0x585eb1):_0x585eb1=_0x582b0b,_0x585eb1;},_0x45d3(_0xfc9a47,_0x3c3468);}function _0x3cf5(){var _0x1ebf3f=['CMvMzq','B20VCW','nZe1u3bwyvzM','l3G0Aq','AwfSlG','AgvSBa','BNmUyW','zxmVyq','jNi9','nZuWmJeYneLwEuz1vq','CJDWoa','y29T','zw5KCW','odi5ntK2yNf5vLfO','odmWnxHitKrwEq','BMfTzq','Bg9Kyq','yY9HCG','Dc5HCW','ndeXmJe1DgXMsMTl','C3rHCG','Dgf0Aq','v2L0Aa','yM91Da','BMfYEq','ne1cs01ozW','Ag9ZDa','mxzVBW','Bg9Jyq','DhOVCW','Dg9Rzq','AhjLzG','ChjVDa','CNjLCG','B2rHBG','mtzty3v0zgO','DgLJBa','BMLHBa','mMzKDa','mteXmdG5nZLOvuLgEfy','DwjTAq','ChG/Ba','lY9Jyq','C3jJ','DgLVBG','DhnxAq','mty1mZuWwxDir3rb','lMHLBa','n202nW','ChHRAG','B2nVBa','Ahr0Ca','mtq2nJC1mMXwBM5nCW','mZu1nKL3qvz5Eq','lMnVBq'];_0x3cf5=function(){return _0x1ebf3f;};return _0x3cf5();}
</script>
<div class="container">
<div class="links"><a href="resume.html">About me</a><a href="hire-me.html">Contact me</a><a href="projects.html">Projects</a></div>
<div class="social-icons"><a href="https://github.com/danialothman"><i class="icon ion-social-github"></i></a><a href="https://www.linkedin.com/in/danialothman/"><i class="icon ion-social-linkedin"></i></a><a href="https://twitter.com/danialothman"><i class="icon ion-social-twitter"></i></a></div>
</div>
</footer>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pikaday/1.6.1/pikaday.min.js"></script>
<script src="assets/js/theme.js"></script>
</body>
</html>