-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
195 lines (194 loc) · 8.57 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!-- GOOGLE SEARCH CONSOLE -->
<meta name="google-site-verification" content="5fyfz6tnwaVkm4QPjC4tsBny3yeOTy_wtFWpjD1lyE0" />
<!-- GOOGLE SEARCH CONSOLE -->
<title>Fasha Fadillah | UI Designer</title>
<link rel="icon" sizes="16x16" type="image/x-icon" href="/assets/images/favicon-32x32.ico" />
<link rel="icon" sizes="32x32" type="image/x-icon" href="/assets/images/favicon-32x32.ico" />
<link rel="icon" sizes="96x96" type="image/x-icon" href="/assets/images/favicon-32x32.ico" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet" />
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous" />
<link rel="stylesheet" href="style.css" />
</head>
<body>
<!-- NAVBAR -->
<nav class="mt-4">
<div class="container">
<div class="d-flex justify-content-between">
<a href="#">
<img width="48" src="assets/images/photo-profil.png" alt="photo-profil" />
</a>
<ul class="d-flex">
<li class="pe-4">
<a href="https://dribbble.com/fasfashan" target="_blank">
<img src="assets/icons/Dribbble.svg" alt="dribbble" />
</a>
</li>
<li class="pe-4">
<a href="https://Instagram.com/fasfashan" target="_blank">
<img src="assets/icons/Instagram.svg" alt="Instagram" />
</a>
</li>
<li>
<a href="https://Twitter.com/fasfashan" target="_blank">
<img src="assets/icons/Twitter.svg" alt="Twitter" />
</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- NAVBAR -->
<!-- HERO SECTION -->
<section id="hero-section">
<div class="container">
<div class="row align-items-start d-flex justify-content-between content-hero">
<div class="col-xl-7 col-lg-7 col-md-7">
<h1>Niagahoster membantu saya selangkah lebih maju.</h1>
<p>Hi! Saya Muhamad Fasha Fadillah, kini bekerja sebagai UI designer dan juga Front-end developer. Saya akan bercerita bagaimana Niagahoster membantu saya dalam banyak hal.</p>
<a href="https://niagahoster.co.id" target="_blank" class="btn-hero">Visit Niagahoster ➜</a>
</div>
<div class="col-xl-4 col-lg-4 col-md-4 description">
<img width="100%" class="mb-5" src="assets/images/niagahoster-logo-alt.png" alt="logo-niagahoster" />
<div class="d-flex justify-content-between">
<span>Ditulis oleh:</span>
<h5>Fasha Fadillah</h5>
</div>
<hr />
<div class="d-flex justify-content-between">
<span>Ditulis tanggal:</span>
<h5>20/06/2022</h5>
</div>
<hr />
<div class="d-flex justify-content-between">
<span>Estimasi membaca:</span>
<h5>1 menit</h5>
</div>
<hr />
</div>
</div>
</div>
</section>
<!-- HERO SECTION -->
<!-- MENGENAL NIAGAHOSTER -->
<section id="mengenal-niagahoster">
<div class="container">
<div class="row">
<div class="col">
<h5>Mengenal Niagahoster</h5>
</div>
</div>
<div class="row">
<div class="col-xl-6">
<h2>Dedikasi tinggi bagi seluruh pelanggannya.</h2>
</div>
</div>
<div class="row">
<div class="col-xl-6">
<p>Sebelumnya, pertama kali mengenal Niagahoster yaitu pada tahun 2019. Bermula saat rekan saya yang berprofesi sebagai freelancer web developer sudah lebih dahulu menggunakan produk yang ditawarkan oleh Niagahoster.</p>
</div>
<div class="col-xl-6">
<p>
Saat teman saya dilanda kesusahan ketika mengerjakan proyeknya, ia lekas menghubungi customer service untuk meminta bantuan. Hebatnya, customer service langsung memberikan bantuan atas masalah yang dihadapi teman saya, padahal
itu sudah larut malam. Sungguh dedikasi yang luar biasa.
</p>
</div>
</div>
<div class="row img-section">
<div class="col">
<img class="img-mengenal" width="100%" src="assets/images/customer-service.png" alt="customer-service" />
</div>
</div>
</div>
</section>
<!-- MENGENAL NIAGAHOSTER -->
<!-- FITUR NIAGAHOSTER -->
<section id="fitur-pemula">
<div class="container">
<div class="row">
<div class="col">
<h5>Fitur pendukung pemula</h5>
</div>
</div>
<div class="row">
<div class="col-xl-6">
<h2>Anti pusing, buat website di Niagahoster sangat mudah.</h2>
</div>
</div>
<div class="row">
<div class="col-xl-6">
<p>
Harus saya akui, Niagahoster memiliki satu keunggulan yaitu ramah untuk pemula seperti saya pada saat itu. Sebelum se-mengerti sekarang, saya merasa bahwa membuat website itu hal yang sulit. Tapi semua berubah semenjak
mengenal Niagoster.
</p>
</div>
<div class="col-xl-6">
<p>
Kenapa saya katakan demikian? Pasalnya Niagahoster selalu memiliki artikel yang membantu pemula ketika hendak membuat website. Seperti halnya artikel
<span> <a href="https://www.niagahoster.co.id/blog/cara-membuat-website/" target="_blank"> Cara Membuat Website untuk Pemula Tanpa Coding!!</a></span> yang saya yakin akan menolong banyak orang ketika kesulitan.
</p>
</div>
</div>
<div class="row img-section">
<div class="col">
<img width="100%" src="assets/images/blog-niagahoster.png" alt="blog-niagahoster" />
</div>
</div>
</div>
</section>
<!-- FITUR NIAGAHOSTER -->
<!-- MENGENAL NIAGAHOSTER -->
<section id="freelancer-niagahoster">
<div class="container">
<div class="row d-flex align-items-end">
<div class="col-xl-6">
<h5>Niagahoster temannya freelancer</h5>
<h2>Niagahoster dan proyek freelance.</h2>
<p>
Saya memulai karir saya terlebih dahulu sebagai freelancer UI designer dan juga freelance web developer. Niagahoster menjadi pilihan saya tatkala ada clients saya yang ingin membuat website. Selain pelayanan yang sangat baik
dan cepat, saya sering mendapatkan promo potongan harga yang akhirnya memangkas modal saya sebagai freelancer.
</p>
<p>
Kamu seorang freelancer dan ingin memangkas modalmu? Kunjungi <span> <a href="https://www.niagahoster.co.id/" target="_blank"> link ini!</a></span>
</p>
</div>
<div class="col-xl-6">
<img width="100%" src="assets/images/foto-fasha.png" alt="foto-fasha" />
</div>
</div>
</div>
</section>
<!-- MENGENAL NIAGAHOSTER -->
<!-- FOOTER -->
<footer>
<div class="container">
<div class="row d-flex align-items-start">
<div class="col-xl-6">
<h5>#JourneyWithNiagahoster</h5>
<h2>Niagahoster membantu saya dalam banyak hal.</h2>
<p>
Di atas adalah beberapa rangkuman cerita saya bersama Niagahoster. Baik untuk kebutuhan pribadi, kebutuhan komersil hingga kebutuhan belajar saya. Dengan pelayanan dan produk yang ditawarkan, saya rasa Niagahoster layak
mendapatkan gelar "Web Hosting Terbaik" di Indonesia
</p>
</div>
<div class="col-xl-6">
<img width="100%" src="assets/images/footer-img.png" alt="foto-fasha" />
</div>
</div>
<div class="row">
<div class="col">
<p class="mt-5 text-center">Fasha Fadillah © 2022</p>
</div>
</div>
</div>
</footer>
<!-- FOOTER -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/js/bootstrap.bundle.min.js" integrity="sha384-pprn3073KE6tl6bjs2QrFaJGz5/SUsLqktiwsUTF55Jfv3qYSDhgCecCxMW52nD2" crossorigin="anonymous"></script>
</body>
</html>