add images and global css to be used later in the website

This commit is contained in:
Ahmed-Ayman 2018-12-05 23:56:22 +02:00
parent ba0f08036e
commit 4b90d1f895
9 changed files with 18 additions and 6 deletions

BIN
src/assets/images/counter.png Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 16 KiB

BIN
src/assets/images/img1.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 992 KiB

BIN
src/assets/images/img2.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 MiB

BIN
src/assets/images/img3.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 MiB

BIN
src/assets/images/img4.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 971 KiB

BIN
src/assets/images/img5.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 551 KiB

BIN
src/assets/images/video.jpg Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.0 KiB

View File

@ -2,7 +2,9 @@ import React from 'react';
class Search extends React.Component{ class Search extends React.Component{
render(){ render(){
return( return(
'hello Search!' <form action="" method="POST">
</form>
) )
} }
} }

View File

@ -1,13 +1,10 @@
/* globals */
* { * {
box-sizing: border-box; box-sizing: border-box;
margin: 0px; margin: 0px;
border: 0px; border: 0px;
} }
:root {
--858-light-gray-color: #ebebeb;
}
/* fonts */ /* fonts */
@font-face { @font-face {
font-family: 'Fedra Arabic'; font-family: 'Fedra Arabic';
@ -35,6 +32,19 @@
url('../assets/fonts/Interstate-Bold.bmap') format('bmap'); url('../assets/fonts/Interstate-Bold.bmap') format('bmap');
} }
.arabic-text {
font-family: "Fedra Arabic", serif;
}
.english-text {
font-family: interstate, serif;
}
/* variables */
:root {
--858-light-gray-color: #ebebeb;
}
/* header */ /* header */
header { header {
padding-top: 1em; padding-top: 1em;
@ -50,5 +60,5 @@ header {
right: 0; right: 0;
top: 0; top: 0;
padding: 2em; padding: 2em;
font-family: majalla, serif;
} }
/* search */