This is a collection of landing pages and blog templates designed by me. These themes are based on HTML, CSS, javascript, jquery, and Bootstrap. I'm creating this repository as a portfolio to show my work as a frontend web developer for getting a job opportunity, whether it's freelance, part-time, full-time, or contract works, and these designs are just a simple part of my work bacouse I can't put my clients works here for public. If you think that my services could be useful to you and you're interested in hiring me, feel free to send me an email.
Click on the theme name to see the live preview, and these designs are NOT for personal or commercial use, they are for display purposes only ( to show my frontend skills ).
- Canox: Simple, clean, personal, modern, and professional blog ideal for making a professional blogging website.
- Covid-19: Covid-19: Simple landing page for viewing the statistics of coronavirus and see how to protect yourself from it with real-time statistics coming from API and an interactive map to view the latest statistics by country. This design is designed by the designer Shahriar Hossain and I have only converted the design into frontend codes by making some changes on the design to make it look better.
- Konish: Beautiful and simple landing page for a technical company. And this work is one of my first works as a frontend web developer.
- Projection & Collision: Web information demo for the Projection & Collision project of the third year of my studying at the faculty of information technology engineering of Damascus University.
- Sass: Another landing page for a technical company. and you can see the presentation on behance here.
- Sellvas: Magazine & blog template theme in elegant and clean design magazine & blog theme. Packed with everything you need to set up a beautiful blog & photo gallery, it's a modern minimalistic design, easy to maintain, and impeccable polish in every detail. And this theme contains more than 10+ layout variations and many posts and error pages styles to match every style of the design.
- Story: Simple and clean landing page for antiques and hand works to view, and this site was designed by Majd Shamma, but I converted that design into a static website.
- Tieqode: A team of professionals with the requisite business and technical skills, sound leadership, experience, and knowledge to deliver the best solutions and services for clients. And when I joined the TIEQODE team I worked on their website, and you can see the website here.
- Wedding: Modern and beautiful landing page for a wedding event.
- HTML5, CSS3, Javascript, jQuery, and Bootstrap.
- Nice parallax effects.
- Valid scripts and nice organized codes.
- Minimal, modern, and clean designs.
- Used free google fonts like Roboto and Raleway.
- All files are well commented to easy edit.
- Support carousel slider.
- Include jquery and CSS3 effects.
- Drop-down menus and normal menus are optimized for mobile devices too.
- Support breadcrumb for a better navigation.
- Cross browser compatible.
- Font awesome & Ion icon integration.
- Post formats support.
- Related posts under posts.
- Author box included.
- Custom error 404 pages.
In these themes, there are some Javascript files import, and all needed files and plugins are included with the project files and these files and plugins are:
- jQuery: jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScript.
- Bootstrap: Free and open-source CSS framework directed at responsive, mobile-first front-end web development. It contains CSS- and JavaScript-based design templates for typography, forms, buttons, navigation, and other interface components.
- Owl Carousel: is a library helped me to make sliders in the websites with beautiful transition effects and styles.
- Parallax: is a modern feature, i use this feature to add nicely parallax effects to the layout on mouse scrolling.
- Font Awesome & Ion Icons: Vector icons and social logos to use on the websites. Font Awesome is the web's most popular icon set and toolkit, and it's used by 38% of sites that use third-party font scripts, and the Ion Icons is a premium designed icons for use in web, iOS, Android, and desktop apps. And it's support for SVG and web font.
- Mixitup: High-performance, dependency-free library for animated DOM manipulation, giving you the power to filter, sort, add and remove DOM elements with beautiful animations. MixItUp plays nice with your existing HTML and CSS, making it a great choice for responsive layouts and compatible with inline-flow, percentages, media queries, flexbox, and more.
- TypedJs: a library that types. Enter in any string, and watch it type at the speed you've set, backspace what it's typed, and begin a new sentence for however many strings you've set.
- And finally in
main.jsfile I collect all of above: I implement a few plugins to create the effects in the themes. These plugins is packed, so I won't need to manually edit anything in the file. The only necessary thing to know is how to call the method.
All images that used in the designs are 100% free, but it's only for demo purpose, and I used the images, icons, and illustrations from the following websites: