-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
127 lines (116 loc) · 5.01 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
<!doctype html>
<html lang="en" class="no-js">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href='http://fonts.googleapis.com/css?family=Ubuntu:300,400,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/reset.css"> <!-- CSS reset -->
<link rel="stylesheet" href="css/style.css"> <!-- Resource style -->
<link rel="stylesheet" href="css/custom.css"> <!-- Resource style -->
<script src="js/modernizr.js"></script> <!-- Modernizr -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<title>Adam Effandi</title>
</head>
<body>
<nav id="cd-vertical-nav">
<ul>
<li>
<a href="#section1" data-number="1">
<span class="cd-dot"></span>
<span class="cd-label">Intro</span>
</a>
</li>
<li>
<a href="#section2" data-number="2">
<span class="cd-dot"></span>
<span class="cd-label">About</span>
</a>
</li>
<li>
<a href="#section3" data-number="3">
<span class="cd-dot"></span>
<span class="cd-label">Experience & Education</span>
</a>
</li>
<li>
<a href="#section4" data-number="4">
<span class="cd-dot"></span>
<span class="cd-label">Portfolio</span>
</a>
</li>
<li>
<a href="#section5" data-number="5">
<span class="cd-dot"></span>
<span class="cd-label">Others</span>
</a>
</li>
<li>
<a href="#section6" data-number="6">
<span class="cd-dot"></span>
<span class="cd-label">Contact</span>
</a>
</li>
</ul>
</nav>
<a class="cd-nav-trigger cd-img-replace">Open navigation<span></span></a>
<section id="section1" class="cd-section">
<div class="content-section content-left">
<h1>Hi, I'm Adam Effandi</h1>
<p>I develop websites</p>
</div>
<a href="#section2" class="cd-scroll-down cd-img-replace">scroll down</a>
</section><!-- cd-section -->
<section id="section2" class="cd-section">
<div class="content-section content-center">
<div class="text-center">
<div class="user-img">
<img src="img/user_placeholder.png" alt="" class="img-responsive">
</div>
<p>
A web developer based in Malaysia. I have been working as a PHP web developer for 2 years, mainly using Laravel framework. So far, I am involved in both front and back-end website development. I enjoy the process of materializing design into functioning website using codes.
</p>
</div>
</div> <!-- about-me -->
</section><!-- cd-section -->
<section id="section3" class="cd-section">
<div class="row ed-ex-section text-center">
<div class="col-sm-12 col-md-6 col-lg-6" style="height: 50%; vertical-align: middle;">
<h1>Education & Experience</h1>
</div>
<div class="col-sm-12 col-md-6 col-lg-6">
<div class="row">
<div class="col-sm-12 col-md-3 col-lg-3">
<p><b>2011 - 2017</b></p>
</div>
<div class="col-sm-12 col-md-9 col-lg-9">
<p>Degree in Dota 2</p>
</div>
</div>
</div>
</div>
</section><!-- cd-section -->
<section id="section4" class="cd-section">
<div class="content-section content-center">
<h1>Portfolio</h1>
<p>“Portfolio Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto numquam, totam iusto officia earum perferendis, culpa ad atque eveniet praesentium nobis expedita similique beatae tenetur. Distinctio vel tenetur, id cum.”</p>
</div>
</section><!-- cd-section -->
<section id="section5" class="cd-section">
<div class="content-section content-center">
<h1>Others</h1>
<p>“Education Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto numquam, totam iusto officia earum perferendis, culpa ad atque eveniet praesentium nobis expedita similique beatae tenetur. Distinctio vel tenetur, id cum.”</p>
</div>
</section><!-- cd-section -->
<section id="section6" class="cd-section">
<div class="content-section content-center">
<h1>Contact</h1>
<p>“Others Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto numquam, totam iusto officia earum perferendis, culpa ad atque eveniet praesentium nobis expedita similique beatae tenetur. Distinctio vel tenetur, id cum.”</p>
</div>
</section><!-- cd-section -->
<script src="js/jquery-2.1.1.js"></script>
<script src="js/main.js"></script> <!-- Resource jQuery -->
</body>
</html>