Building Travel Agency Website (ETS)

    After a several weeks of studying web development. I finally reach the mid exam. So, the task for this mid exam is to build an agency website especially on travel agency.  There is a several things to do while building this landing page which are: 

  1. Header / Hero Section
  2. Benefit Section
  3. Testimonials Section
  4. Detail Products / Services
  5. Offer / Discount (Opsional)
  6. Form
  7. FAQ (Frequently Asked Questions) 
  8. Footer
I didn't finish the optional section because i ran out of time. However, i pretty satisfied by the result i made. Here's the sight of the landing page:


The tools that i use is only html and css, however i use bootstrap aswell for the form section. Since i just create a landing page so using javascript is not too necessary.


There is a video about the code but unfortunately it uses Bahasa. You can check it through this link: https://youtu.be/S1KqqsIUogg


Comments

Post a Comment

Popular posts from this blog

Typewriting Speed for Coders

Image
      As coders, t ypewriting is one of the main basis. We rely on the ability to type fast and accurately, since writing is our primary tool for building projects. The faster and more accurately we can type, the smoother our workflow becomes.       In order to enhance my typewriting skills especially the speed and accuracy, i tried many times testing my typing speed. At first, it wasn't fast enough for me because as far as i know, the average to become a fast typewriters we need to reach 60 wpm (words per minute), minimum. However, my first attempt was 57 wpm, it's so close though 😅.      Actually, many speed typewriters use all their fingers to be a speedster in typewriting.  In short, i have been striving to get above 60 wpm and i did it, eventually. Though I reached that speed with only using.. i think eight fingers, i didn't use my pinkies. So i can tell my achievement is not that enormous, therefore I have ambitions to escala...
Read more

Building Profile Page with HTML

Image
      I n this lesson, i learned about HTML. There are lots of HTML tags out there however in this lesson i learned 8 new tags. Below are the tags i learned. Heading Paragraph List Link (Hyperlink) Image Table Form      With those tags, i built a simple profile page with just using HTML. With only using HTML, i know the page will look a bit stiff. Actually, if you want to make it nifty, you need to apply the style with CSS. Though in this lesson i only got subjected only using HTML. So, below is my shot of profile page with only using HTML.     See, the page looks a bit stiff and the alignment only to the left of the screen.  Actually i already learned about CSS before, therefore in order to make it nifty, i arranged myself to style it with simple CSS.      Here's what it looks like with CSS. You can check out the code through my github:  https://github.com/farrasnazhif/profile-page-html.git
Read more

Backend Introduction with PHP

Image
     Finally I've accomplished my frontend journey. It was a pithy journey and i learned a lot of new experiences during that. However, that is not the end of the journey. In web development, theres two main parts: frontend and backend development. The frontend is the part of the application that users directly interact with. It focuses on User Interface (UI) and User Experience (UX). There is a lot of tech stack you can use in frontend development, though the main stack that people usually use is HTML, JavaScript, and CSS; that's the core of frontend development.  On the other hand, in order to make a fully functional application, you need to integrate with backend but it's all fine if you want to make an application just with frontend; for example, blog and portfolio website.  Backend role is to manage server, databases, and application logic. It ensures that when a user submits a form, logs in, or requests data, the server processes that data requests correct...
Read more