zocom-christoffer-wallenberg

## pendlaren.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                zocom-christoffer-wallenberg
                / pendlaren.md
            
            
              Last active
              August 9, 2023 08:13
            
              
                Övning: Pendlaren
              
          
    Pendlaren

Vad

Ni ska bygga en webbapp som tar en användares position (longitud och latitud) och sedan hämtar närliggande hållplatser.
Användaren kan sedan kunna välja en hållplats och se de närmaste avgångarna.
Hur

Observera att ni behöver använda https för att kunna använda geolocation API. Ni behöver skapa ett konto här och efter det skapa ett projekt för att få en API-nyckel.

  
## Grunderna i JS

      
              2 files
            
          
              5 forks
            
          
              0 comments
            
          
              1 star
            
          
                zocom-christoffer-wallenberg
                / Grunderna i JS
            
            
              Last active
              November 25, 2022 01:18
            
          
              We couldn’t find that file to show.
              
            
## index.html
<!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>

## index.html
<!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>

## A responsive grid
‎‎

## index.html
<!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>

## A responsive grid
‎‎

## index.html
<!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">

## index.html
<!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">

## index.html
<!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>
        <main class="grid-container">
	<!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>
	<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">