diff --git a/Blazor.sln b/MangoBlazor.sln similarity index 100% rename from Blazor.sln rename to MangoBlazor.sln diff --git a/SharedUI/Shared/Components/HeroComponent.razor b/SharedUI/Shared/Components/HeroComponent.razor index 4bbf7e3..ef93e4e 100644 --- a/SharedUI/Shared/Components/HeroComponent.razor +++ b/SharedUI/Shared/Components/HeroComponent.razor @@ -1,10 +1,10 @@  @using BlazorWASM.Shared
- *@
diff --git a/SharedUI/Shared/Components/Layout/SlidersComponent.razor b/SharedUI/Shared/Components/Layout/SlidersComponent.razor index e7c4c21..31a213f 100644 --- a/SharedUI/Shared/Components/Layout/SlidersComponent.razor +++ b/SharedUI/Shared/Components/Layout/SlidersComponent.razor @@ -1,15 +1,166 @@  -
-
-
-
-
-
-
-
-
+
+
+
+

Services

+

+ +

+
+
+
+ +
+
+ +
+ Creative Manner Design Lorem Ipsum Sit Amet Consectetur dipisi? +
+
+ Thought Leadership +

Web Developmet Lorem Ipsum Sit Amet Consectetur dipisi?

+ October 15, 2020 +
+
+
+ Generic placeholder image +
+
Oz Coruhlu
+ Director of UI/UX +
+
+
+
+
+
+
+
+ Creative Manner Design Lorem Ipsum Sit Amet Consectetur dipisi? +
+
+ Thought Leadership +

Web Developmet Lorem Ipsum Sit Amet Consectetur dipisi?

+ October 15, 2020 +
+
+
+ Generic placeholder image +
+
Oz Coruhlu
+ Director of UI/UX +
+
+
+
+
+
+
+
+ Creative Manner Design Lorem Ipsum Sit Amet Consectetur dipisi? +
+
+ Thought Leadership +

Web Developmet Lorem Ipsum Sit Amet Consectetur dipisi?

+ October 15, 2020 +
+
+
+ Generic placeholder image +
+
Oz Coruhlu
+ Director of UI/UX +
+
+
+
+
+
+
+
+ Creative Manner Design Lorem Ipsum Sit Amet Consectetur dipisi? +
+
+ Thought Leadership +

Web Developmet Lorem Ipsum Sit Amet Consectetur dipisi?

+ October 15, 2020 +
+
+
+ Generic placeholder image +
+
Oz Coruhlu
+ Director of UI/UX +
+
+
+
+
+
+
+
+ Creative Manner Design Lorem Ipsum Sit Amet Consectetur dipisi? +
+
+ Thought Leadership +

Web Developmet Lorem Ipsum Sit Amet Consectetur dipisi?

+ October 15, 2020 +
+
+
+ Generic placeholder image +
+
Oz Coruhlu
+ Director of UI/UX +
+
+
+
+
+
+
+
+ Creative Manner Design Lorem Ipsum Sit Amet Consectetur dipisi? +
+
+ Thought Leadership +

Web Developmet Lorem Ipsum Sit Amet Consectetur dipisi?

+ October 15, 2020 +
+
+
+ Generic placeholder image +
+
Oz Coruhlu
+ Director of UI/UX +
+
+
+
+
+
+
+
+ Creative Manner Design Lorem Ipsum Sit Amet Consectetur dipisi? +
+
+ Thought Leadership +

Web Developmet Lorem Ipsum Sit Amet Consectetur dipisi?

+ October 15, 2020 +
+
+
+ Generic placeholder image +
+
Oz Coruhlu
+ Director of UI/UX +
+
+
+
+
+
@@ -24,13 +175,13 @@ items: 1 }, 600: { - items: 3 + items: 2 }, 960: { - items: 5 + items: 4 }, 1200: { - items: 6 + items: 5 } } }); diff --git a/SharedUI/wwwroot/assets/css/style.css b/SharedUI/wwwroot/assets/css/style.css index ef80bcd..edcf812 100644 --- a/SharedUI/wwwroot/assets/css/style.css +++ b/SharedUI/wwwroot/assets/css/style.css @@ -32,23 +32,23 @@ text-transform: uppercase; font-weight: 500; } + .nav-item dropdown dmenu { padding-right: 20px; } - li a { +li a { margin-right: 20px; } - body { - background-image: url('../img/mango_bg_2.png'); - background-size:cover; - background-attachment: fixed; - color:#fff; - } +body { + background-image: url('../img/mango_bg_2.png'); + background-size: cover; + background-attachment: fixed; + color: #fff; +} .lc-block { - } .glass { @@ -70,4 +70,103 @@ .bg-dark { background-color: rgba(31, 31, 31, 255) !important; -} \ No newline at end of file +} + + +.card { + border: none; + transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1); + overflow: hidden; + /*border-radius: 20px;*/ + min-height: 450px; + box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2); + margin-right:10px; + margin-left:10px; +} + +@media (max-width: 768px) { + .card { + min-height: 350px; + } +} + +@media (max-width: 420px) { + .card { + min-height: 300px; + } +} + +.card.card-has-bg { + transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1); + background-size: 120%; + background-repeat: no-repeat; + background-position: center center; +} + + .card.card-has-bg:before { + content: ""; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: inherit; + -webkit-filter: grayscale(1); + -moz-filter: grayscale(100%); + -ms-filter: grayscale(100%); + -o-filter: grayscale(100%); + filter: grayscale(100%); + } + + .card.card-has-bg:hover { + transform: scale(0.98); + box-shadow: 0 0 5px -2px rgba(0, 0, 0, 0.3); + background-size: 130%; + transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1); + } + + .card.card-has-bg:hover .card-img-overlay { + transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1); + background: #ffba21; + background: linear-gradient(0deg, rgba(255, 186, 33, 0.5) 0%, #ffba21 100%); + } + +.card .card-footer { + background: none; + border-top: none; +} + + .card .card-footer .media img { + border: solid 3px rgba(255, 255, 255, 0.3); + } + +.card .card-title { + font-weight: 800; +} + +.card .card-meta { + color: rgba(0, 0, 0, 0.3); + text-transform: uppercase; + font-weight: 500; + letter-spacing: 2px; +} + +.card .card-body { + transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1); +} + +.card:hover { + cursor: pointer; + transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1); +} + + .card:hover .card-body { + margin-top: 30px; + transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1); + } + +.card .card-img-overlay { + transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1); + background: #ffba21; + background: linear-gradient(0deg, rgba(255, 186, 33, 0.3785889356) 0%, #f88440 100%); +} diff --git a/SharedUI/wwwroot/assets/img/mango_bg_2.png b/SharedUI/wwwroot/assets/img/mango_bg_2.png index f7a8f28..6cbffd7 100644 Binary files a/SharedUI/wwwroot/assets/img/mango_bg_2.png and b/SharedUI/wwwroot/assets/img/mango_bg_2.png differ diff --git a/SharedUI/wwwroot/assets/img/mango_bg_3.png b/SharedUI/wwwroot/assets/img/mango_bg_3.png new file mode 100644 index 0000000..a94d202 Binary files /dev/null and b/SharedUI/wwwroot/assets/img/mango_bg_3.png differ