Marius Nielsen Maruz

## index.html
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>En HTML mal</title>
        <link rel="stylesheet" type="text/css" href="styles.css" />
    </head>
    <body>
        <!-- Innhold som skal vises på nettsiden skal legges inn mellom body-tagene -->


## gist:9274096e436f83e59524bdd09b6cc030
<nav className='navbar'>
  {
    userRole === 'admin' && (
        <AdminPanel />
    ) || userRole === 'user' && (
        <UserPanel />
    ) || (
        <StatusPanel />
    )
  }

## App.jsx
render(
    <Container>
        <Row>
            <Col sm={3}>
                <MyComponent />
            </Col>
            <Col sm={9}>
                <MyComponent />
            </Col>
        </Row>

## FontAwesomeIcon.tsx
import React, { FC } from 'react';
import cx from 'clsx';

export interface FontAwesomeIconProps {
    animate?: 'spin' | 'pulse' | undefined;
    border?: boolean;
    className?: string | undefined;
    color?: string | undefined;
    fixedWidth?: boolean;
    flip?: 'vertical' | 'horizontal' | 'both' | undefined;

## meny.html
<!doctype html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>CSS meny</title>
        <style>
            /* Generelle stiler */
            * {
                margin: 0px;
                padding: 0px;
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8" />
	<title>En HTML mal</title>
	<link rel="stylesheet" type="text/css" href="styles.css" />
	</head>
	<body>
	<!-- Innhold som skal vises på nettsiden skal legges inn mellom body-tagene -->
	<nav className='navbar'>
	{
	userRole === 'admin' && (
	<AdminPanel />
	) \|\| userRole === 'user' && (
	<UserPanel />
	) \|\| (
	<StatusPanel />
	)
	}
	render(
	<Container>
	<Row>
	<Col sm={3}>
	<MyComponent />
	</Col>
	<Col sm={9}>
	<MyComponent />
	</Col>
	</Row>
	import React, { FC } from 'react';
	import cx from 'clsx';

	export interface FontAwesomeIconProps {
	animate?: 'spin' \| 'pulse' \| undefined;
	border?: boolean;
	className?: string \| undefined;
	color?: string \| undefined;
	fixedWidth?: boolean;
	flip?: 'vertical' \| 'horizontal' \| 'both' \| undefined;