zocom-christoffer-wallenberg

Pendlaren

Vad

Du är en skicklig webbutvecklare som arbetar på ett innovativt techföretag vid namn "TravelEase Solutions". Företaget har fått i uppdrag att utveckla en ny webbapp för en stor transportfirma, "CityTransit", som vill förbättra sina tjänster för resenärer i staden. CityTransit har märkt att många av deras kunder har svårt att hitta närmaste busshållplats och önskar en lösning som gör det enklare att navigera i stadens kollektivtrafik.

Din uppgift är att skapa en webbapp, kallad "Pendlaren", som hjälper användarna att snabbt och enkelt hitta närmaste busshållplats baserat på deras aktuella position. Genom att använda GPS-teknologi kan appen exakt lokalisera användarens longitud och latitud. Efter att ha fått användarens position, ska appen hämta data om närliggande hållplatser och visa dessa för användaren.

När användaren väljer en specifik hållplats, ska appen visa de närmaste avgångarna för att hjälpa resenären att planera sin resa effektivt. Med "Pendlaren" vill CityTransit göra det enke

We couldn’t find that file to show.

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<link rel="stylesheet" href="style.css">
	<title>Transition - example</title>
	</head>
	<body>

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<link rel="stylesheet" href="style.css">
	<title>Transition - example</title>
	</head>
	<body>

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>CSS Grid - Media queries</title>
	<link rel="stylesheet" href="style.css">
	</head>
	<body>

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" href="style.css">
	<title>Chat</title>
	</head>
	<body>
	<div class="grid-container">

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" href="style.css">
	<title>Chat</title>
	</head>
	<body>
	<div class="grid-container">