Unduhan Static HTML Website Designs - Unduhan kode sumber Static HTML Website Designs

Static HTML Website Designs

Kategori lainnya

Static HTML Website Designs

Unduh

Koleksi Situs Web HTML Statis ·

Perkenalan

Ini adalah kumpulan halaman arahan dan template blog yang saya rancang. Tema-tema ini didasarkan pada HTML, CSS, javascript, jquery, dan Bootstrap. Saya membuat repositori ini sebagai portofolio untuk menunjukkan pekerjaan saya sebagai pengembang web frontend untuk mendapatkan peluang kerja, baik itu pekerjaan lepas, paruh waktu, penuh waktu, atau kontrak, dan desain ini hanyalah bagian sederhana dari pekerjaan saya. bekerja karena saya tidak bisa menampilkan karya klien saya di sini untuk umum. Jika menurut Anda layanan saya dapat berguna bagi Anda dan Anda tertarik untuk mempekerjakan saya, silakan kirimkan saya email.

Di repositori ini Anda akan menemukan desain berikut

Klik pada nama tema untuk melihat pratinjau langsung, dan desain ini BUKAN untuk penggunaan pribadi atau komersial, hanya untuk tujuan tampilan (untuk menunjukkan keahlian frontend saya).

Canox: Blog sederhana, bersih, pribadi, modern, dan profesional, ideal untuk membuat situs web blogging profesional.
Covid-19: Covid-19: Halaman arahan sederhana untuk melihat statistik virus corona dan melihat cara melindungi diri Anda dari virus tersebut dengan statistik real-time yang berasal dari API dan peta interaktif untuk melihat statistik terbaru berdasarkan negara. Desain ini dirancang oleh desainer Shahriar Hossain dan saya hanya mengubah desain tersebut menjadi kode frontend dengan melakukan beberapa perubahan pada desain agar terlihat lebih baik.
Konish: Halaman arahan yang indah dan sederhana untuk perusahaan teknis. Dan karya ini merupakan salah satu karya pertama saya sebagai frontend web developer.
Proyeksi & Tabrakan: Demo informasi web untuk proyek Proyeksi & Tabrakan tahun ketiga saya belajar di fakultas teknik teknologi informasi Universitas Damaskus.
Sass: Halaman arahan lain untuk perusahaan teknis. dan Anda dapat melihat presentasi di behance di sini.
Sellvas: Tema template majalah & blog dengan desain majalah & tema blog yang elegan dan bersih. Dilengkapi dengan semua yang Anda perlukan untuk membuat blog & galeri foto yang indah, desainnya modern minimalis, mudah dirawat, dan polesan sempurna di setiap detailnya. Dan tema ini berisi lebih dari 10+ variasi tata letak dan banyak gaya postingan dan halaman kesalahan untuk disesuaikan dengan setiap gaya desain.
Cerita: Halaman arahan yang sederhana dan bersih untuk melihat barang antik dan karya tangan, dan situs ini dirancang oleh Majd Shamma, tetapi saya mengubah desain itu menjadi situs web statis.
Tieqode: Sebuah tim profesional dengan keterampilan bisnis dan teknis yang diperlukan, kepemimpinan yang baik, pengalaman, dan pengetahuan untuk memberikan solusi dan layanan terbaik bagi klien. Dan ketika saya bergabung dengan tim TIEQODE saya mengerjakan website mereka, dan Anda dapat melihat websitenya di sini.
Pernikahan: Halaman arahan modern dan indah untuk acara pernikahan.

Tentang Tema Ini

Fitur utama dari desain ini

HTML5, CSS3, Javascript, jQuery, dan Bootstrap.
Efek paralaks yang bagus.
Skrip yang valid dan kode terorganisir yang bagus.
Desain minimal, modern, dan bersih.
Menggunakan font Google gratis seperti Roboto dan Raleway.
Semua file dikomentari dengan baik agar mudah diedit.
Mendukung penggeser korsel.
Sertakan efek jquery dan CSS3.
Menu drop-down dan menu normal juga dioptimalkan untuk perangkat seluler.
Mendukung remah roti untuk navigasi yang lebih baik.
Kompatibel lintas browser.
Integrasi font yang mengagumkan & ikon Ion.
Dukungan format posting.
Posting terkait di bawah posting.
Kotak penulis disertakan.
Kesalahan khusus 404 halaman.

Pustaka javascript yang digunakan

Dalam tema ini, ada beberapa file Javascript yang diimpor, dan semua file dan plugin yang diperlukan disertakan dengan file proyek dan file serta plugin ini adalah:

jQuery: jQuery adalah perpustakaan JavaScript yang cepat, kecil, dan kaya fitur. Itu membuat hal-hal seperti traversal dan manipulasi dokumen HTML, penanganan event, animasi, dan Ajax menjadi lebih sederhana dengan API yang mudah digunakan yang bekerja di banyak browser. Dengan kombinasi keserbagunaan dan ekstensibilitas, jQuery telah mengubah cara jutaan orang menulis JavaScript.
Bootstrap: Kerangka kerja CSS sumber terbuka dan gratis yang ditujukan untuk pengembangan web front-end yang responsif dan mengutamakan seluler. Ini berisi templat desain berbasis CSS dan JavaScript untuk tipografi, formulir, tombol, navigasi, dan komponen antarmuka lainnya.
Owl Carousel: adalah perpustakaan yang membantu saya membuat penggeser di situs web dengan efek dan gaya transisi yang indah.
Paralaks: adalah fitur modern, saya menggunakan fitur ini untuk menambahkan efek paralaks yang bagus pada tata letak pada pengguliran mouse.
Font Awesome & Ion Icons: Ikon vektor dan logo sosial untuk digunakan di situs web. Font Awesome adalah kumpulan ikon dan toolkit web yang paling populer, dan digunakan oleh 38% situs yang menggunakan skrip font pihak ketiga, dan Ion Icons adalah ikon berdesain premium untuk digunakan di web, iOS, Android, dan aplikasi desktop. Dan itu dukungan untuk SVG dan font web.
Mixitup: Pustaka berkinerja tinggi dan bebas ketergantungan untuk manipulasi DOM animasi, memberi Anda kemampuan untuk memfilter, mengurutkan, menambah, dan menghapus elemen DOM dengan animasi yang indah. MixItUp berfungsi baik dengan HTML dan CSS yang ada, menjadikannya pilihan tepat untuk tata letak responsif dan kompatibel dengan aliran sebaris, persentase, kueri media, flexbox, dan banyak lagi.
TypedJs: perpustakaan yang mengetik. Masukkan string apa pun, dan lihat string tersebut mengetik dengan kecepatan yang Anda tetapkan, mundurkan spasi dari apa yang diketiknya, dan mulai kalimat baru untuk berapa pun string yang telah Anda tetapkan.
Dan akhirnya di file main.js saya mengumpulkan semua hal di atas: Saya menerapkan beberapa plugin untuk membuat efek di tema. Plugin ini sudah dikemas, jadi saya tidak perlu mengedit apa pun secara manual di file. Satu-satunya hal yang perlu diketahui adalah bagaimana memanggil metode tersebut.

Gambar & ilustrasi bekas

Semua gambar yang digunakan dalam desain adalah 100% gratis, tetapi ini hanya untuk tujuan demo, dan saya menggunakan gambar, ikon, dan ilustrasi dari situs web berikut: