Basic Student website project( [login to view URL] are welcome).


The 6 sights for our future tourists are here

and have meanwhile been integrated into the responsive (!) website.

Grid and flex work properly in accordance with what was previously requested

your website works smoothly on all sizes of

screens can be applied

So the u-trip is almost finished. Best exciting ...

In short, HTML and CSS are on point.

Now add JavaScript yet



Place in the 6 HTML pages with your points of interest

each time a map of the region with a market mark where the

point of interest is located.

For this you use the js library Leaflet. More info about Leaflet

is discussed during the theory lessons and can be read in the

syllabus. Using a Google Maps iFrame is not



-HTML5 layout elements (an overview) (tip: h1 comes in main and not header).

• use grid for the overall layout of the website (grid template areas)

(tip: if nav in header => header is already a grid element, so don't make a new grid element from nav)

• use flex in the "main" of your [login to view URL] (flex).


what was asked (2/2) • classes start with first name or initials (eg: .sven-header-link) (appointment at the beginning of the school year) • texts were written themselves (so no copy / paste from the internet) • copyright for images (preferably use figure and figcaption) • integrate search function (only provide a search bar, the search itself should not work) and this: • provide your own name in the footer of the website


make sure that… • the following items are in the root: • [login to view URL] (and no [login to view URL]) + other html pages (no separate html folder) • folder css • folder js • folder assets with images and possibly fonts • relative links within root to your own html, css, js and assets • no unnecessary and useless id's, classes, and div's



you scale your screen and make sure you are not horizontal scrollbar ,. If this is the case, it is best to continue debugging the pieces of code in comments.

Images may block the whole, because the size of photos are too large, eg 500px wide .. or is it something else? Then search …

U might need this:

• work with media queries

• works with proportions or "auto" for your images.

Skills: CSS, HTML5, Website Design

About the Employer:
( 1 review ) Amsterdam, Netherlands

Project ID: #30164558

4 freelancers are bidding on average €34 for this job


hi, I've read the description completely and I understand what your requirement. Still I have some questions regarding Leaflet library. I understand your preferences about folder structure and naming convensions and sp More

€30 EUR in 3 days
(1 Review)

I am Sure That I Can Make You One That You Described. It Is Easy But it will take some time but it will be done it will be good and responsive if you want so you can send background images or i will put ranadom image a More

€30 EUR in 5 days
(0 Reviews)

I have experience in front end development.. let we discuss about the project. I have team for working this project ping me in message brother..

€30 EUR in 3 days
(0 Reviews)

Hi I have 8 years of experience in HTML, CSS, Php. I too have good Knowledge in Wordpress also. So i will do the work professionally and perfectly without any delay.

€45 EUR in 6 days
(0 Reviews)