Static HTML Website Designs 다운로드 - Static HTML Website Designs 소스 코드 다운로드

Static HTML Website Designs

기타 카테고리

Static HTML Website Designs

다운로드

정적 HTML 웹사이트 컬렉션 ·

소개

제가 디자인한 랜딩페이지와 블로그 템플릿 모음입니다. 이러한 테마는 HTML, CSS, javascript, jquery 및 Bootstrap을 기반으로 합니다. 나는 프리랜서, 파트타임, 풀타임, 계약직 등 취업 기회를 얻기 위해 프론트엔드 웹 개발자로서 내 작업을 보여주기 위해 이 저장소를 포트폴리오로 만들고 있으며 이러한 디자인은 내 작업의 단순한 일부일 뿐입니다. work bacouse 내 고객의 작업을 여기에 공개할 수 없습니다. 내 서비스가 귀하에게 유용할 것이라고 생각하고 저를 고용하는 데 관심이 있으시면 언제든지 저에게 이메일을 보내주십시오.

이 저장소에서는 다음 디자인을 찾을 수 있습니다.

실시간 미리보기를 보려면 테마 이름을 클릭하세요. 이 디자인은 개인 또는 상업적 용도로 사용할 수 없으며 표시 목적으로만 사용됩니다(내 프론트엔드 기술을 보여주기 위해).

Canox: 전문 블로그 웹사이트를 만드는 데 이상적인 간단하고 깔끔하며 개인적이고 현대적이며 전문적인 블로그입니다.
코로나19: 코로나19: 코로나바이러스 통계를 볼 수 있는 간단한 랜딩 페이지이며, API에서 제공되는 실시간 통계와 국가별 최신 통계를 볼 수 있는 대화형 지도를 통해 코로나바이러스로부터 자신을 보호하는 방법을 확인할 수 있습니다. 이 디자인은 디자이너 Shahriar Hossain이 디자인했으며 더 보기 좋게 만들기 위해 디자인을 일부 변경하여 프런트엔드 코드로 변환했습니다.
Konish: 기술 회사를 위한 아름답고 간단한 랜딩 페이지입니다. 그리고 이 작업은 프론트엔드 웹 개발자로서 나의 첫 작업 중 하나입니다.
Projection & Collision: 다마스커스 대학교 정보 기술 공학부에서 공부하는 3학년의 Projection & Collision 프로젝트에 대한 웹 정보 데모입니다.
Sass: 기술 회사를 위한 또 다른 랜딩 페이지입니다. 여기에서 프리젠테이션을 보실 수 있습니다.
셀바스(Sellvas): 우아하고 깔끔한 디자인의 매거진 & 블로그 테마의 매거진 & 블로그 템플릿입니다. 아름다운 블로그 및 사진 갤러리를 설정하는 데 필요한 모든 것이 포함되어 있으며 현대적이고 미니멀한 디자인으로 유지 관리가 쉽고 모든 세부 사항이 흠잡을 데 없이 세련되었습니다. 그리고 이 테마에는 디자인의 모든 스타일에 맞는 10개 이상의 레이아웃 변형과 많은 게시물 및 오류 페이지 스타일이 포함되어 있습니다.
스토리: 골동품과 수공예품을 볼 수 있는 간단하고 깔끔한 랜딩 페이지. 이 사이트는 Majd Shamma가 디자인했지만 그 디자인을 정적 웹 사이트로 변환했습니다.
Tieqode: 고객에게 최고의 솔루션과 서비스를 제공하는 데 필요한 비즈니스 및 기술 능력, 탄탄한 리더십, 경험 및 지식을 갖춘 전문가 팀입니다. 그리고 제가 TIEQODE 팀에 합류했을 때 그들의 웹사이트 작업을 했는데, 여기에서 웹사이트를 보실 수 있습니다.
웨딩: 모던하고 아름다운 웨딩 이벤트를 위한 랜딩페이지입니다.

이 테마에 대하여

이 디자인의 주요 특징

HTML5, CSS3, 자바스크립트, jQuery, 부트스트랩.
좋은 시차 효과.
유효한 스크립트와 잘 정리된 코드.
미니멀하고 모던하며 깔끔한 디자인.
Roboto 및 Raleway와 같은 무료 Google 글꼴을 사용했습니다.
모든 파일에는 쉽게 편집할 수 있도록 주석이 잘 달렸습니다.
캐러셀 슬라이더를 지원합니다.
jquery 및 CSS3 효과를 포함합니다.
드롭다운 메뉴와 일반 메뉴도 모바일 기기에 최적화되어 있습니다.
더 나은 탐색을 위해 탐색경로를 지원합니다.
크로스 브라우저 호환.
멋진 글꼴 및 Ion 아이콘 통합.
게시물 형식을 지원합니다.
게시물 아래 관련 게시물.
작성자 상자가 포함되어 있습니다.
사용자 정의 오류 404 페이지.

사용된 자바스크립트 라이브러리

이러한 테마에는 일부 Javascript 파일 가져오기가 있으며 필요한 모든 파일과 플러그인이 프로젝트 파일에 포함되어 있으며 이러한 파일과 플러그인은 다음과 같습니다.

jQuery: jQuery는 빠르고 작으며 기능이 풍부한 JavaScript 라이브러리입니다. 다양한 브라우저에서 작동하는 사용하기 쉬운 API를 통해 HTML 문서 탐색 및 조작, 이벤트 처리, 애니메이션, Ajax 등을 훨씬 간단하게 만듭니다. 다용성과 확장성을 결합한 jQuery는 수백만 명의 사람들이 JavaScript를 작성하는 방식을 변화시켰습니다.
부트스트랩: 반응형 모바일 우선 프런트엔드 웹 개발을 위한 무료 오픈 소스 CSS 프레임워크입니다. 여기에는 타이포그래피, 양식, 버튼, 탐색 및 기타 인터페이스 구성 요소를 위한 CSS 및 JavaScript 기반 디자인 템플릿이 포함되어 있습니다.
Owl Carousel: 아름다운 전환 효과와 스타일로 웹사이트에서 슬라이더를 만드는 데 도움이 되는 라이브러리입니다.
시차: 현대적인 기능입니다. 저는 이 기능을 사용하여 마우스 스크롤 시 레이아웃에 멋진 시차 효과를 추가합니다.
Font Awesome & Ion 아이콘: 웹사이트에서 사용할 수 있는 벡터 아이콘과 소셜 로고입니다. Font Awesome은 웹에서 가장 인기 있는 아이콘 세트이자 툴킷으로, 타사 글꼴 스크립트를 사용하는 사이트의 38%에서 사용됩니다. Ion Icons는 웹, iOS, Android 및 데스크톱 앱에서 사용할 수 있는 프리미엄 디자인 아이콘입니다. 그리고 SVG 및 웹 글꼴을 지원합니다.
Mixitup: 애니메이션 DOM 조작을 위한 고성능, 종속성 없는 라이브러리로, 아름다운 애니메이션으로 DOM 요소를 필터링, 정렬, 추가 및 제거할 수 있는 기능을 제공합니다. MixItUp은 기존 HTML 및 CSS와 잘 작동하므로 반응형 레이아웃에 적합하고 인라인 흐름, 백분율, 미디어 쿼리, Flexbox 등과 호환됩니다.
TypedJs: 유형을 지정하는 라이브러리입니다. 문자열을 입력하고 설정한 속도로 입력하는 것을 지켜보고 입력한 내용을 백스페이스로 입력한 다음 설정한 문자열 수에 따라 새 문장을 시작하세요.
그리고 마지막으로 main.js 파일에서 위의 모든 항목을 수집합니다. 테마에 효과를 생성하기 위해 몇 가지 플러그인을 구현합니다. 이 플러그인은 압축되어 있으므로 파일에서 어떤 것도 수동으로 편집할 필요가 없습니다. 알아야 할 유일한 것은 메서드를 호출하는 방법입니다.