mohammad-hammal mohammad-hammal

## index.js
// typescript
var age:number = 24;

// javascript
var age  = 24

## static type.js
//C#
int age = 24;

//Javascript
var age = 24

## style.css
span{
        font-size:1.3em //32px / 24px = 1.3em
   }

## style.css
body{
     font-size:16px;
   }

   p{
     font-size:1.5em; //24px / 16px =1.5em
   }

   span{
      font-size: 2em; //32px / 16px = 2em

## index.html
 <body>
        <p> <span> Who </span>We Are </p>
 </body>

## style.css
.wrapper{
        display:flex;
        justify-content: center;
        align-items: center
   }

## index.html
<!DOCTYPE html>

   <html>

       <head>

         <meta charset="utf-8">

          <title>Navigation</title>

## style.css
 header{background-image: linear-gradient(to bottom, rgba(0, 0, 0, .4), rgba(0, 0, 0, .6)), url(idea.jpg);}

## style.css
header {
            margin: 0;
            padding: 0;
            height: 500px;
            display: flex;
            justify-content: center;
            align-items: center;
            background-image: url(idea.jpg);
            background-position: center center;
            background-size: cover;

## index.html
<!DOCTYPE html>

   <html>

       <head>

         <meta charset="utf-8">

          <title>Navigation</title>
	body{
	font-size:16px;
	}

	p{
	font-size:1.5em; //24px / 16px =1.5em
	}

	span{
	font-size: 2em; //32px / 16px = 2em
	.wrapper{
	display:flex;
	justify-content: center;
	align-items: center
	}
	<!DOCTYPE html>

	<html>

	<head>

	<meta charset="utf-8">

	<title>Navigation</title>
	header {
	margin: 0;
	padding: 0;
	height: 500px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-image: url(idea.jpg);
	background-position: center center;
	background-size: cover;