diff --git a/public/img/arrow.svg b/public/img/arrow.svg new file mode 100644 index 0000000000000000000000000000000000000000..013a10eebba5d886d2401e28bcb3101d92cadacc --- /dev/null +++ b/public/img/arrow.svg @@ -0,0 +1,81 @@ + + + + + + + + image/svg+xml + + + + + + + + + + + + + + diff --git a/public/stylesheet.css b/public/stylesheet.css new file mode 100644 index 0000000000000000000000000000000000000000..5893c19a4a81a8673a22b7dadd937c1de3472788 --- /dev/null +++ b/public/stylesheet.css @@ -0,0 +1,62 @@ +input[type=text],input[type=email],textarea{ +border:1px solid #0A003F; +border-radius:4px; +} +textarea{ + height:118px; +} +input[type=text],input[type=email]{ + height:60px; +} +.button-primary{ + background: #2E63EA; + border:none; + color:white; + border-radius:4px; + font-family:"Rubik"; + font-weight:bold; + padding:12px 20px; +} +.is-small{ + font-size:20px; +} +.is-medium{ + font-size:30px; +} +.is-big{ + font-size:40px; +} +.button-outline{ + border:1px solid #0A003F; + height:33px; + border-radius:20px; + font-family: "Rubik"; + font-weight: medium; + padding-left: 40px; + padding-right:40px; + text-align:center; +} +.link{ + text-decoration: none; + color: #0A003F; +} +.checkmark{ + border: 1px solid #0A003F; + border-radius:4px; + display:inline-block; + width:30px; + height:30px; + vertical-align: middle; +} +input[type=checkbox]{ + display: none; +} +.arrow::before{ + content:url("img/arrow.svg"); + +} +::placeholder{ + font-size:16px; + + color: #B8B7BC; +} diff --git a/resources/views/demo.blade.php b/resources/views/demo.blade.php new file mode 100644 index 0000000000000000000000000000000000000000..eb7132e32cf711b47b612e58fe56e6f9a14f1075 --- /dev/null +++ b/resources/views/demo.blade.php @@ -0,0 +1,37 @@ + + + + + Demo des composants + + + + +
+ + +

Composants

+

Inputs

+ + + +link +link +link +link + + +
+ + diff --git a/routes/web.php b/routes/web.php index bf3873c569364e6467882c8bfe47e3778da584e8..76de35f38588709bc95fb4987b5f70b5162257ae 100644 --- a/routes/web.php +++ b/routes/web.php @@ -13,10 +13,13 @@ | */ - Route::get( '/', +Route::get( '/', function () { return view( 'welcome' ); } ); + Route::get('/demo', function () { + return view('demo'); + } ); Route::get( '/essai-blade', function () { return view( 'essai-blade' );