design

2024-03-25 16:25:42 +01:00 · 2024-03-25 16:25:42 +01:00 · 8181522543
parent 6e9383c02c
commit 8181522543
13 changed files with 76 additions and 17 deletions
--- a/SharedUI/Shared/Components/HeroComponent.razor
+++ b/SharedUI/Shared/Components/HeroComponent.razor
@ -1,5 +1,5 @@
@using BlazorWASM.Shared
-<div class=" bg-dark text-secondary px-4 py-5 text-center">
+<div class="hero text-secondary px-4 py-5 text-center">
    <div class="py-5" style="position: relative">
       

@ -10,8 +10,8 @@
            </h3>
            <p class="fs-5 mb-4" style="position:relative; z-index:100">Üdvözöllek a végtelen képzelet és határtalan kreativitás világában! Együtt induljunk el egy különleges úton, ahol az álmok valósággá válnak.</p>
            <div class="d-grid gap-2 d-sm-flex justify-content-sm-center" style="position:relative; z-index:100">
-                <button type="button" class="button"><a href="/services">What we do</a></button>
-                <button type="button" class="btn btn-outline-light btn-lg px-4"><a href="/portfolio">viwe works</a></button>
+                <button type="button" class="btn glass btn-lg px-4">What we do</button>
+                <button type="button" class="btn glass btn-lg px-4">View works</button>
            </div>
        </div>
      @*   <video autoplay muted loop id="myVideo" style="position:absolute; z-index:2">
--- a/SharedUI/Shared/Components/Layout/CardComponent.razor
+++ b/SharedUI/Shared/Components/Layout/CardComponent.razor
@ -8,12 +8,12 @@
            <div class="col col-12">
                <div class="px-4 py-5 my-5 text-center">
                    
-                    <h1 class="display-5 fw-bold">Milyen képességeink vannak?</h1>
+                    <h1 class="display-5 fw-bold">Mivel foglalkozunk?</h1>
                    <div class="col-lg-6 mx-auto">
                        <p class="lead mb-4">Itt vagyunk ,hogy segítsünk.</p>
                        <div class="d-grid gap-2 d-sm-flex justify-content-sm-center">
-                            <button type="button" class="btn btn-primary btn-lg px-4 gap-3">Contact us</button>
-                            <button type="button" class="btn btn-outline-secondary btn-lg px-4">Leave a message</button>
+                            <button type="button" class="btn glass btn-lg px-4 gap-3">Contact us</button>
+                            <button type="button" class="btn glass btn-lg px-4">Leave a message</button>
                        </div>
                    </div>
                </div>
@ -22,7 +22,7 @@

        <div class="row pt-4 pb-4 g-0">
            <div class="col-md-4 text-center">
-                <div class="lc-block p-4">
+                <div class="lc-block p-4 m-4 glass">
                    <div>
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" width="3em" height="3em" lc-helper="svg-icon" fill="currentColor">
                            <path d="M248 8C111.03 8 0 119.03 0 256s111.03 248 248 248 248-111.03 248-248S384.97 8 248 8zm0 376c-17.67 0-32-14.33-32-32s14.33-32 32-32 32 14.33 32 32-14.33 32-32 32zm0-128c-53.02 0-96 42.98-96 96s42.98 96 96 96c-106.04 0-192-85.96-192-192S141.96 64 248 64c53.02 0 96 42.98 96 96s-42.98 96-96 96zm0-128c-17.67 0-32 14.33-32 32s14.33 32 32 32 32-14.33 32-32-14.33-32-32-32z"></path>
@ -37,8 +37,8 @@
                </div>
                <!-- /lc-block -->
            </div>
-            <div class="col-md-4 text-center shadow">
-                <div class="lc-block p-4">
+            <div class="col-md-4 text-center">
+                <div class="lc-block p-4 m-4 glass">
                    <div>
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" width="3em" height="3em" lc-helper="svg-icon" fill="currentColor">
                            <path d="M248 8C111.03 8 0 119.03 0 256s111.03 248 248 248 248-111.03 248-248S384.97 8 248 8zm82.29 357.6c-3.9 3.88-7.99 7.95-11.31 11.28-2.99 3-5.1 6.7-6.17 10.71-1.51 5.66-2.73 11.38-4.77 16.87l-17.39 46.85c-13.76 3-28 4.69-42.65 4.69v-27.38c1.69-12.62-7.64-36.26-22.63-51.25-6-6-9.37-14.14-9.37-22.63v-32.01c0-11.64-6.27-22.34-16.46-27.97-14.37-7.95-34.81-19.06-48.81-26.11-11.48-5.78-22.1-13.14-31.65-21.75l-.8-.72a114.792 114.792 0 0 1-18.06-20.74c-9.38-13.77-24.66-36.42-34.59-51.14 20.47-45.5 57.36-82.04 103.2-101.89l24.01 12.01C203.48 89.74 216 82.01 216 70.11v-11.3c7.99-1.29 16.12-2.11 24.39-2.42l28.3 28.3c6.25 6.25 6.25 16.38 0 22.63L264 112l-10.34 10.34c-3.12 3.12-3.12 8.19 0 11.31l4.69 4.69c3.12 3.12 3.12 8.19 0 11.31l-8 8a8.008 8.008 0 0 1-5.66 2.34h-8.99c-2.08 0-4.08.81-5.58 2.27l-9.92 9.65a8.008 8.008 0 0 0-1.58 9.31l15.59 31.19c2.66 5.32-1.21 11.58-7.15 11.58h-5.64c-1.93 0-3.79-.7-5.24-1.96l-9.28-8.06a16.017 16.017 0 0 0-15.55-3.1l-31.17 10.39a11.95 11.95 0 0 0-8.17 11.34c0 4.53 2.56 8.66 6.61 10.69l11.08 5.54c9.41 4.71 19.79 7.16 30.31 7.16s22.59 27.29 32 32h66.75c8.49 0 16.62 3.37 22.63 9.37l13.69 13.69a30.503 30.503 0 0 1 8.93 21.57 46.536 46.536 0 0 1-13.72 32.98zM417 274.25c-5.79-1.45-10.84-5-14.15-9.97l-17.98-26.97a23.97 23.97 0 0 1 0-26.62l19.59-29.38c2.32-3.47 5.5-6.29 9.24-8.15l12.98-6.49C440.2 193.59 448 223.87 448 256c0 8.67-.74 17.16-1.82 25.54L417 274.25z"></path>
@ -53,7 +53,7 @@
                </div>
            </div>
            <div class="col-md-4 text-center">
-                <div class="lc-block p-4">
+                <div class="lc-block p-4 m-4 glass">
                    <div>
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="3em" height="3em" lc-helper="svg-icon" fill="currentColor">
                            <path d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"></path>
--- a/SharedUI/Shared/Components/Layout/MainLayout.razor
+++ b/SharedUI/Shared/Components/Layout/MainLayout.razor
@ -38,9 +38,9 @@

    public List<NavMenuItem> MenuItems = new List<NavMenuItem>
    {
-        new NavMenuItem("Home", "/home"),
+        new NavMenuItem("Home", "/"),
        new NavMenuItem("Portfolio", "/portfolio"),
-        new NavMenuItem("About", "/about"),
+        //new NavMenuItem("About", "/about"),
        new NavMenuItem("Services", "/services", SubMenu1),
        new NavMenuItem("Contact", "/contact"),
        new NavMenuItem("OtherPages", "/otherpages")        
--- a/SharedUI/Shared/Components/Layout/TitlePlusImageLeftComponent.razor
+++ b/SharedUI/Shared/Components/Layout/TitlePlusImageLeftComponent.razor
@ -31,7 +31,7 @@
                                // <button type="button" class="btn btn-outline-secondary btn-lg px-4">Default</button>
                                foreach (var anyámtyukja in titlePlusImageModel.ContentButtons)
                                {
-                                    <a href="@anyámtyukja.NavUrl" class="btn btn-primary btn-lg px-4 me-md-2">@anyámtyukja.Text</a>
+                                    <a href="@anyámtyukja.NavUrl" class="btn glass btn-lg px-4 me-md-2">@anyámtyukja.Text</a>
                                }

                            }
--- a/SharedUI/Shared/Components/Layout/TitlePlusImageRightComponent.razor
+++ b/SharedUI/Shared/Components/Layout/TitlePlusImageRightComponent.razor
@ -28,7 +28,7 @@
                                // <button type="button" class="btn btn-outline-secondary btn-lg px-4">Default</button>
                                foreach (var anyámtyukja in titlePlusImageModel.ContentButtons)
                                {
-                                    <a href="@anyámtyukja.NavUrl" class="btn btn-primary btn-lg px-4 me-md-2">@anyámtyukja.Text</a>
+                                    <a href="@anyámtyukja.NavUrl" class="btn glass btn-lg px-4 me-md-2">@anyámtyukja.Text</a>
                                }

                            }
--- a/SharedUI/Shared/Components/Pages/Home.razor
+++ b/SharedUI/Shared/Components/Pages/Home.razor
@ -9,7 +9,7 @@

 <CardComponent/>
@code {
-    public TitlePlusImageModel contentModel1 = new TitlePlusImageModel("Ismerked meg MangoWeb", ContentModel1Description, "https://images.unsplash.com/photo-1520531158340-44015069e78e?q=80&w=1944&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", CButtons);
+    public TitlePlusImageModel contentModel1 = new TitlePlusImageModel("Ismerked meg MangoWeb", ContentModel1Description, "https://images.unsplash.com/photo-1540331547168-8b63109225b7?q=80&w=2038&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", CButtons);

    public static List<DescriptionContent> ContentModel1Description = new List<DescriptionContent>
    {
--- a/SharedUI/Shared/Components/Pages/Portfolio.razor
+++ b/SharedUI/Shared/Components/Pages/Portfolio.razor
@ -7,7 +7,7 @@

 <TitlePlusImageRightComponent titlePlusImageModel="@contentModel2" />

-<ThreeColumnComponent />
+<ThreeColumnComponent/>


 <ProjectsComponent />
@ -16,7 +16,7 @@


@code {
-    public TitlePlusImageModel contentModel2 = new TitlePlusImageModel("Bublicím", ContentModel2Description2, "https://images.unsplash.com/photo-1520531158340-44015069e78e?q=80&w=1944&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", CButtons2);
+    public TitlePlusImageModel contentModel2 = new TitlePlusImageModel("Bublicím", ContentModel2Description2, "https://images.unsplash.com/photo-1540331547168-8b63109225b7?q=80&w=2038&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", CButtons2);

    public static List<DescriptionContent> ContentModel2Description2 = new List<DescriptionContent>
    {
--- a/SharedUI/Shared/Components/Pages/Prices.razor
+++ b/SharedUI/Shared/Components/Pages/Prices.razor
@ -0,0 +1,27 @@
+@page "/prices"
+@using BlazorWASM.Shared
+@using SharedUI.Shared.Components.Layout
+
+
+
+
+<TitlePlusImageRightComponent titlePlusImageModel="@contentModel2" />
+
+
+@code {
+    public TitlePlusImageModel contentModel2 = new TitlePlusImageModel("Bublicím", ContentModel2Description2, "https://images.unsplash.com/photo-1520531158340-44015069e78e?q=80&w=1944&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", CButtons2);
+
+    public static List<DescriptionContent> ContentModel2Description2 = new List<DescriptionContent>
+    {
+        new DescriptionContent("fghhfdhfd")
+
+    };
+
+
+    public static List<ContentButton> CButtons2 = new List<ContentButton>
+    {
+        new ContentButton("bubli", "#")
+    };
+
+}
+}
--- a/SharedUI/wwwroot/assets/css/style.css
+++ b/SharedUI/wwwroot/assets/css/style.css
@ -39,3 +39,35 @@
 li a {
    margin-right: 20px;
 }
+
+ body {
+     background-image: url('../img/mangpo_bg_2.png');
+     background-size:cover;
+     background-attachment: fixed;
+     color:#fff;
+ }
+
+.lc-block {
+    
+}
+
+.glass {
+    background: rgba( 255, 255, 255, 0.25 );
+    box-shadow: 0 8px 32px 0 rgba( 30, 30, 30, 0.37 );
+    backdrop-filter: blur( 4px );
+    -webkit-backdrop-filter: blur( 4px );
+    border-radius: 10px;
+    border: 1px solid rgba( 255, 255, 255, 0.18 );
+    color: white;
+}
+
+.hero {
+    background-image: url('../img/mango_hero.png');
+    background-size: cover;
+    background-position: center;
+    height: 80vh;
+}
+
+.bg-dark {
+    background-color: rgba(31, 31, 31, 255) !important;
+}
--- a/SharedUI/wwwroot/assets/img/mango_bg.png
+++ b/SharedUI/wwwroot/assets/img/mango_bg.png
--- a/SharedUI/wwwroot/assets/img/mango_hero.png
+++ b/SharedUI/wwwroot/assets/img/mango_hero.png
--- a/SharedUI/wwwroot/assets/img/mangpo_bg_2.png
+++ b/SharedUI/wwwroot/assets/img/mangpo_bg_2.png
--- a/images/images.jpg
+++ b/images/images.jpg