more changes
This commit is contained in:
parent
5c63386d8f
commit
6e9383c02c
|
|
@ -19,7 +19,9 @@
|
||||||
|
|
||||||
|
|
||||||
<link rel="icon" type="image/png" href="_content/SharedUI/assets/favicon.png" />
|
<link rel="icon" type="image/png" href="_content/SharedUI/assets/favicon.png" />
|
||||||
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>
|
||||||
|
|
||||||
|
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
|
@ -36,7 +38,6 @@
|
||||||
|
|
||||||
|
|
||||||
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
|
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
|
||||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>
|
|
||||||
|
|
||||||
|
|
||||||
<script src="_framework/blazor.webview.js" autostart="true"></script>
|
<script src="_framework/blazor.webview.js" autostart="true"></script>
|
||||||
|
|
|
||||||
|
|
@ -19,7 +19,9 @@
|
||||||
|
|
||||||
|
|
||||||
<link rel="icon" type="image/png" href="_content/SharedUI/assets/favicon.png" />
|
<link rel="icon" type="image/png" href="_content/SharedUI/assets/favicon.png" />
|
||||||
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>
|
||||||
|
|
||||||
|
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
|
@ -36,7 +38,6 @@
|
||||||
|
|
||||||
|
|
||||||
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
|
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
|
||||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>
|
|
||||||
|
|
||||||
|
|
||||||
<script src="_framework/blazor.webassembly.js" autostart="true"></script>
|
<script src="_framework/blazor.webassembly.js" autostart="true"></script>
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
<Project Sdk="Microsoft.NET.Sdk">
|
<Project Sdk="Microsoft.NET.Sdk">
|
||||||
|
|
||||||
<PropertyGroup>
|
<PropertyGroup>
|
||||||
<TargetFramework>net7.0</TargetFramework>
|
<TargetFramework>net7.0</TargetFramework>
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,20 @@
|
||||||
|
using System;
|
||||||
|
using System.Collections.Generic;
|
||||||
|
using System.Linq;
|
||||||
|
using System.Text;
|
||||||
|
using System.Threading.Tasks;
|
||||||
|
|
||||||
|
namespace BlazorWASM.Shared
|
||||||
|
{
|
||||||
|
public class ContentButton
|
||||||
|
{
|
||||||
|
public string Text { get; set; }
|
||||||
|
public string NavUrl { get; set; }
|
||||||
|
|
||||||
|
public ContentButton(string text, string navUrl) {
|
||||||
|
Text = text;
|
||||||
|
NavUrl = navUrl;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,17 @@
|
||||||
|
using System;
|
||||||
|
using System.Collections.Generic;
|
||||||
|
using System.Linq;
|
||||||
|
using System.Text;
|
||||||
|
using System.Threading.Tasks;
|
||||||
|
|
||||||
|
namespace BlazorWASM.Shared
|
||||||
|
{
|
||||||
|
public class DescriptionContent
|
||||||
|
{
|
||||||
|
public string ContentParagraph { get; set; }
|
||||||
|
public DescriptionContent(string contentParagraph)
|
||||||
|
{
|
||||||
|
ContentParagraph = contentParagraph;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,22 @@
|
||||||
|
using System;
|
||||||
|
using System.Collections.Generic;
|
||||||
|
using System.Linq;
|
||||||
|
using System.Text;
|
||||||
|
using System.Threading.Tasks;
|
||||||
|
|
||||||
|
namespace BlazorWASM.Shared
|
||||||
|
{
|
||||||
|
public class NavMenuItem
|
||||||
|
{
|
||||||
|
public string DisplayName { get; set; }
|
||||||
|
public string NavUrl { get; set; }
|
||||||
|
public List<NavMenuItem>? SubItems { get; set;}
|
||||||
|
|
||||||
|
public NavMenuItem(string displayName, string navUrl, List<NavMenuItem>? subItems=null)
|
||||||
|
{
|
||||||
|
DisplayName = displayName;
|
||||||
|
NavUrl = navUrl;
|
||||||
|
SubItems = subItems;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,27 @@
|
||||||
|
using System;
|
||||||
|
using System.Collections.Generic;
|
||||||
|
using System.Linq;
|
||||||
|
using System.Text;
|
||||||
|
using System.Threading.Tasks;
|
||||||
|
|
||||||
|
namespace BlazorWASM.Shared
|
||||||
|
{
|
||||||
|
public class ServicesCard
|
||||||
|
{
|
||||||
|
public string Title { get; set; }
|
||||||
|
|
||||||
|
public string Discription { get; set; }
|
||||||
|
|
||||||
|
public List<ServicesCardItem> Cards { get; set; }
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
public ServicesCard(string title, string discription, List<ServicesCardItem> cards)
|
||||||
|
{
|
||||||
|
Title = title;
|
||||||
|
Discription = discription;
|
||||||
|
Cards = cards;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,27 @@
|
||||||
|
using System;
|
||||||
|
using System.Collections.Generic;
|
||||||
|
using System.Linq;
|
||||||
|
using System.Text;
|
||||||
|
using System.Threading.Tasks;
|
||||||
|
|
||||||
|
namespace BlazorWASM.Shared
|
||||||
|
{
|
||||||
|
public class ServicesCardItem
|
||||||
|
|
||||||
|
{
|
||||||
|
public string IconPath { get; set; }
|
||||||
|
public string CardTitle { get; set; }
|
||||||
|
|
||||||
|
public List<string> CardDiscription { get; set; }
|
||||||
|
|
||||||
|
public string ButtonUrl { get; set; }
|
||||||
|
|
||||||
|
public ServicesCardItem(string iconPath, string cardTitle, List<string> cardDiscription, string buttonUrl)
|
||||||
|
{
|
||||||
|
IconPath = iconPath;
|
||||||
|
CardTitle = cardTitle;
|
||||||
|
CardDiscription = cardDiscription;
|
||||||
|
ButtonUrl = buttonUrl;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,27 @@
|
||||||
|
using System;
|
||||||
|
using System.Collections.Generic;
|
||||||
|
using System.Linq;
|
||||||
|
using System.Text;
|
||||||
|
using System.Threading.Tasks;
|
||||||
|
|
||||||
|
namespace BlazorWASM.Shared
|
||||||
|
{
|
||||||
|
public class TitlePlusImageModel
|
||||||
|
{
|
||||||
|
public string Title { get; set; }
|
||||||
|
public List<DescriptionContent> DescriptionContents { get; set; }
|
||||||
|
|
||||||
|
public string ImageUrl { get; set; }
|
||||||
|
public List<ContentButton>? ContentButtons { get; set; }
|
||||||
|
|
||||||
|
public TitlePlusImageModel(string title, List<DescriptionContent> descriptionContents, string imageUrl, List<ContentButton> contentButtons = null)
|
||||||
|
{
|
||||||
|
Title = title;
|
||||||
|
DescriptionContents = descriptionContents;
|
||||||
|
ImageUrl = imageUrl;
|
||||||
|
ContentButtons = contentButtons;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -1,13 +1,23 @@
|
||||||
<div class="bg-dark text-secondary px-4 py-5 text-center">
|
@using BlazorWASM.Shared
|
||||||
<div class="py-5">
|
<div class=" bg-dark text-secondary px-4 py-5 text-center">
|
||||||
<h1 class="display-5 fw-bold text-white">Üdv a MangoWebnél!</h1>
|
<div class="py-5" style="position: relative">
|
||||||
<div class="col-lg-6 mx-auto">
|
|
||||||
<p class="fs-5 mb-4">Quickly design and customize responsive mobile-first sites with Bootstrap, the world’s most popular front-end open source toolkit, featuring Sass variables and mixins, responsive grid system, extensive prebuilt components, and powerful JavaScript plugins.</p>
|
|
||||||
<div class="d-grid gap-2 d-sm-flex justify-content-sm-center">
|
<h1 class="display-5 fw-bold text-white" style="position:relative; z-index:100">Üdv a MangoWebnél!</h1>
|
||||||
<button type="button" class="btn btn-outline-info btn-lg px-4 me-sm-3 fw-bold"><a href="/services">What we do</a></button>
|
<div class="col-lg-6 mx-auto" style="position:relative; z-index:100">
|
||||||
|
<h3 style="position:relative; z-index:100">
|
||||||
|
A mai világban a tervezés egy jobb világ.
|
||||||
|
</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 btn-outline-light btn-lg px-4"><a href="/portfolio">viwe works</a></button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@* <video autoplay muted loop id="myVideo" style="position:absolute; z-index:2">
|
||||||
|
<source src="_content/SharedUI/bgvideo.mp4" type="video/mp4">
|
||||||
|
|
||||||
|
</video> *@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,60 @@
|
||||||
|
@using BlazorWASM.Shared
|
||||||
|
|
||||||
|
<div class="col-sm-9 col-md-6 mb-4 col-lg-4">
|
||||||
|
<div class="lc-block card shadow">
|
||||||
|
<div class="card-body p-4">
|
||||||
|
<div class="lc-block mb-3">
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="3em" height="3em" fill="currentColor" class="bg-light rounded p-2" viewBox="0 0 24 24" lc-helper="svg-icon">
|
||||||
|
<path d=@MyCardItem.IconPath />
|
||||||
|
</svg>
|
||||||
|
|
||||||
|
|
||||||
|
</div><!-- /lc-block -->
|
||||||
|
<div class="lc-block mb-4">
|
||||||
|
<div editable="rich">
|
||||||
|
<h3 class="h3 fw-bold">@MyCardItem.CardTitle</h3>
|
||||||
|
</div>
|
||||||
|
</div><!-- /lc-block -->
|
||||||
|
@*foreach*@
|
||||||
|
|
||||||
|
@{
|
||||||
|
foreach (var textString in MyCardItem.CardDiscription)
|
||||||
|
{
|
||||||
|
<div class="lc-block">
|
||||||
|
<div class="d-inline-flex">
|
||||||
|
<div>
|
||||||
|
<svg width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" lc-helper="svg-icon">
|
||||||
|
<path fill-rule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"></path>
|
||||||
|
<path fill-rule="evenodd" d="M10.97 4.97a.75.75 0 0 1 1.071 1.05l-3.992 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.236.236 0 0 1 .02-.022z"></path>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="ms-3 align-self-center" editable="rich">
|
||||||
|
<p>@textString</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
}
|
||||||
|
}
|
||||||
|
<div class="lc-block mb-4">
|
||||||
|
<div editable="rich">
|
||||||
|
<a href="@MyCardItem.ButtonUrl" class="btn fw-bold">Visit</a>
|
||||||
|
</div>
|
||||||
|
</div><!-- /lc-block -->
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
@code {
|
||||||
|
[Parameter]
|
||||||
|
public ServicesCardItem CardItem { get; set; }
|
||||||
|
|
||||||
|
public ServicesCardItem MyCardItem;
|
||||||
|
|
||||||
|
protected override void OnParametersSet()
|
||||||
|
{
|
||||||
|
base.OnParametersSet();
|
||||||
|
MyCardItem = CardItem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,36 @@
|
||||||
|
<div class="container py-5">
|
||||||
|
<div class="row min-vh-50 align-items-center">
|
||||||
|
<div class="col-md-12 text-center">
|
||||||
|
<div class="lc-block mb-4">
|
||||||
|
<div editable="rich">
|
||||||
|
<h2 class="display-3 fw-bolder">Reach us</h2>
|
||||||
|
<p>Lorem ipsum dolor sit amet consectetur adipiscing elit sed do<br> eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div><!-- /lc-block -->
|
||||||
|
<div class="lc-block mb-5">
|
||||||
|
<a class="btn btn-lg btn-dark" href="https://goo.gl/maps/zy3NkDKV3x4iyUkL9" role="button">VIEW MAP</a>
|
||||||
|
</div><!-- /lc-block -->
|
||||||
|
<div class="lc-block border-top col-md-6 offset-md-3">
|
||||||
|
<div editable="rich">
|
||||||
|
<h2 class="fw-bolder"><br></h2>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="lc-block mb-4">
|
||||||
|
<div editable="rich">
|
||||||
|
<h2 class="fw-bolder">Working Hours</h2>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="lc-block">
|
||||||
|
<div editable="rich">
|
||||||
|
<p>Monday to Friday: 07:00 – 19:45</p>
|
||||||
|
<p>Saturday to Sunday: 11:00 – 17:00</p>
|
||||||
|
</div>
|
||||||
|
</div><!-- /lc-block -->
|
||||||
|
</div><!-- /col -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
@code {
|
||||||
|
|
||||||
|
}
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,63 @@
|
||||||
|
<section>
|
||||||
|
<div class="container py-5">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-12">
|
||||||
|
<div class="p-md-5 mb-2 lc-block text-center">
|
||||||
|
<div class="lc-block">
|
||||||
|
<div editable="rich">
|
||||||
|
<p class="fw-bold display-5">FAQ</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-6">
|
||||||
|
<div class="lc-block mb-5">
|
||||||
|
<div editable="rich">
|
||||||
|
<p class="h4">Excepteur sint occaecat cupidatat non? </p>
|
||||||
|
<p>Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="lc-block mb-5">
|
||||||
|
<div editable="rich">
|
||||||
|
<p class="h4">Duis aute irure dolor in?</p>
|
||||||
|
<p>Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="lc-block mb-5">
|
||||||
|
<div editable="rich">
|
||||||
|
<p class="h4">Consequuntur magni dolores eos qui?</p>
|
||||||
|
<p>Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6">
|
||||||
|
<div class="lc-block mb-5">
|
||||||
|
<div editable="rich">
|
||||||
|
<p class="h4">Duis aute irure dolor in?</p>
|
||||||
|
<p>Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="lc-block mb-5">
|
||||||
|
<div editable="rich">
|
||||||
|
<p class="h4">Consequuntur magni dolores eos qui?</p>
|
||||||
|
<p>Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="lc-block mb-5">
|
||||||
|
<div editable="rich">
|
||||||
|
<p class="h4">Excepteur sint occaecat cupidatat non? </p>
|
||||||
|
<p>Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
@code {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
@ -1,5 +1,6 @@
|
||||||
@inherits LayoutComponentBase
|
@inherits LayoutComponentBase
|
||||||
@using System.Runtime.InteropServices.JavaScript
|
@using System.Runtime.InteropServices.JavaScript
|
||||||
|
@using BlazorWASM.Shared
|
||||||
@using SharedUI.Shared.Components.Layout
|
@using SharedUI.Shared.Components.Layout
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -10,7 +11,7 @@
|
||||||
|
|
||||||
<main>
|
<main>
|
||||||
|
|
||||||
<NavbarComponent/>
|
<NavbarComponent MenuItems="MenuItems"/>
|
||||||
|
|
||||||
@Body
|
@Body
|
||||||
|
|
||||||
|
|
@ -22,6 +23,29 @@
|
||||||
@code {
|
@code {
|
||||||
|
|
||||||
|
|
||||||
|
public static List<NavMenuItem> SubMenu1 = new List<NavMenuItem>
|
||||||
|
{
|
||||||
|
new NavMenuItem("Weboldal/Applikáció", "/#"),
|
||||||
|
new NavMenuItem("Landing page", "/#"),
|
||||||
|
new NavMenuItem("Webdesign", "/#"),
|
||||||
|
new NavMenuItem("Arculattervezés", "/#"),
|
||||||
|
new NavMenuItem("Grafikai munkák", "/#"),
|
||||||
|
new NavMenuItem("3D web elemek", "/#"),
|
||||||
|
new NavMenuItem("AI Chatbotok", "/#"),
|
||||||
|
new NavMenuItem("Egyedi szoftverfejlesztés", "/#"),
|
||||||
|
|
||||||
|
};
|
||||||
|
|
||||||
|
public List<NavMenuItem> MenuItems = new List<NavMenuItem>
|
||||||
|
{
|
||||||
|
new NavMenuItem("Home", "/home"),
|
||||||
|
new NavMenuItem("Portfolio", "/portfolio"),
|
||||||
|
new NavMenuItem("About", "/about"),
|
||||||
|
new NavMenuItem("Services", "/services", SubMenu1),
|
||||||
|
new NavMenuItem("Contact", "/contact"),
|
||||||
|
new NavMenuItem("OtherPages", "/otherpages")
|
||||||
|
};
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,26 +1,109 @@
|
||||||
<nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark poppins">
|
@using BlazorWASM.Shared
|
||||||
|
<nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark poppins">
|
||||||
<div class="container-fluid">
|
<div class="container-fluid">
|
||||||
<a class="navbar-brand" href="/home">MangoWeb</a>
|
<a class="navbar-brand" href="/home">MangoWeb</a>
|
||||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
|
||||||
<span class="navbar-toggler-icon"></span>
|
<span class="navbar-toggler-icon"></span>
|
||||||
</button>
|
</button>
|
||||||
|
|
||||||
|
@* <div class="collapse navbar-collapse" id="navbarCollapse">
|
||||||
|
<ul class="navbar-nav me-auto mb-2 mb-md-0">
|
||||||
|
<li>
|
||||||
|
<NavLink class="nav-link active" aria-current="page" href="/home">Home</NavLink>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<NavLink class="nav-link" href="/portfolio">Portfolio</NavLink>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="nav-item dropdown dmenu">
|
||||||
|
<NavLink class="nav-link dropdown-toggle" href="/services" id="navbardrop" data-toggle="dropdown">
|
||||||
|
Services
|
||||||
|
</NavLink>
|
||||||
|
<ul class="dropdown-menu sm-menu">
|
||||||
|
<li>
|
||||||
|
<NavLink class="dropdown-item" href="#">Weboldal/Applikáció fejlesztés</NavLink>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<NavLink class="dropdown-item" href="#">Landing page</NavLink>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<NavLink class="dropdown-item" href="#">Webdesign</NavLink>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<NavLink class="dropdown-item" href="#">Arculattervezés</NavLink>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a class="dropdown-item" href="#">Grafikai munkák</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<NavLink class="dropdown-item" href="#">3D web elemek</NavLink>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<NavLink class="dropdown-item" href="#">AI Chatbotok</NavLink>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<NavLink class="dropdown-item" href="#">Egyedi szoftverfejlesztés</NavLink>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li>
|
||||||
|
<NavLink class="nav-link" href="/contact" tabindex="-1" aria-disabled="true">Contact</NavLink>
|
||||||
|
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
|
||||||
|
<NavLink class="nav-link" href="/otherpages" tabindex="-1" aria-disabled="true">Other pages</NavLink>
|
||||||
|
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<form class="d-flex">
|
||||||
|
<input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
|
||||||
|
<button class="btn btn-outline-success" type="submit">Search</button>
|
||||||
|
</form>
|
||||||
|
</div> *@
|
||||||
<div class="collapse navbar-collapse" id="navbarCollapse">
|
<div class="collapse navbar-collapse" id="navbarCollapse">
|
||||||
<ul class="navbar-nav me-auto mb-2 mb-md-0">
|
<ul class="navbar-nav me-auto mb-2 mb-md-0">
|
||||||
<NavLink>
|
@{
|
||||||
<a class="nav-link active" aria-current="page" href="/home">Home</a>
|
|
||||||
</NavLink>
|
foreach (NavMenuItem _menuItem in MenuItems)
|
||||||
<NavLink>
|
{
|
||||||
<a class="nav-link" href="/portfolio">Portfolio</a>
|
if(_menuItem.SubItems == null)
|
||||||
</NavLink>
|
{
|
||||||
<li class="nav-item">
|
<li>
|
||||||
<a class="nav-link" href="/services" tabindex="-1" aria-disabled="true">Services</a>
|
<NavLink class="nav-link" ActiveClass="active" href="@_menuItem.NavUrl">
|
||||||
</li>
|
@_menuItem.DisplayName
|
||||||
<li class="nav-item">
|
</NavLink>
|
||||||
<a class="nav-link" href="/contact" tabindex="-1" aria-disabled="true">Contact</a>
|
</li>
|
||||||
</li>
|
}
|
||||||
<li class="nav-item">
|
else
|
||||||
<a class="nav-link" href="/otherpages" tabindex="-1" aria-disabled="true">Other pages</a>
|
{
|
||||||
</li>
|
<li class="nav-item dropdown dmenu">
|
||||||
|
<NavLink class="nav-link dropdown-toggle" ActiveClass="active" href="@_menuItem.NavUrl" id="navbardrop" data-toggle="dropdown">
|
||||||
|
@_menuItem.DisplayName
|
||||||
|
</NavLink>
|
||||||
|
<ul class="dropdown-menu sm-menu">
|
||||||
|
|
||||||
|
@foreach(NavMenuItem _subMenu in _menuItem.SubItems)
|
||||||
|
{
|
||||||
|
<li>
|
||||||
|
<NavLink class="dropdown-item" href="@_subMenu.NavUrl">@_subMenu.DisplayName</NavLink>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
<form class="d-flex">
|
<form class="d-flex">
|
||||||
<input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
|
<input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
|
||||||
|
|
@ -29,3 +112,10 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</nav>
|
</nav>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
@code {
|
||||||
|
[Parameter]
|
||||||
|
public List<NavMenuItem>? MenuItems { get; set; }
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,85 @@
|
||||||
|
<section class="py-5">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-12">
|
||||||
|
<div class="p-md-5 mb-2 lc-block text-center">
|
||||||
|
<div class="lc-block mb-4">
|
||||||
|
<div editable="rich">
|
||||||
|
<p class="fw-bold display-5">Our Projects</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="lc-block mb-5">
|
||||||
|
<div editable="rich">
|
||||||
|
<p class="fw-light rfs-7"> Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br>Nunc et metus id ligula malesuada placerat sit amet quis enim.<br></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div><!-- /col -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="container">
|
||||||
|
<div class="row row-cols-2 row-cols-lg-4">
|
||||||
|
<div class="col text-center">
|
||||||
|
<div class="lc-block mb-4">
|
||||||
|
<img class="img-fluid" src="https://via.placeholder.com/512x512.png/f4f6fa/dce2ef" lc-helper="image">
|
||||||
|
</div><!-- /lc-block -->
|
||||||
|
<div class="lc-block">
|
||||||
|
<div editable="rich">
|
||||||
|
|
||||||
|
<h3>Project Name 1</h3>
|
||||||
|
<p class="text-muted">Project Description</p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- /lc-block -->
|
||||||
|
</div>
|
||||||
|
<div class="col text-center">
|
||||||
|
<div class="lc-block mb-4">
|
||||||
|
<img class="img-fluid" src="https://via.placeholder.com/512x512.png/f4f6fa/dce2ef" lc-helper="image">
|
||||||
|
</div><!-- /lc-block -->
|
||||||
|
<div class="lc-block">
|
||||||
|
<div editable="rich">
|
||||||
|
|
||||||
|
<h3>Project Name 2</h3>
|
||||||
|
<p class="text-muted">Project Description</p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- /lc-block -->
|
||||||
|
</div>
|
||||||
|
<div class="col text-center">
|
||||||
|
<div class="lc-block mb-4">
|
||||||
|
<img class="img-fluid" src="https://via.placeholder.com/512x512.png/f4f6fa/dce2ef" lc-helper="image">
|
||||||
|
</div><!-- /lc-block -->
|
||||||
|
<div class="lc-block">
|
||||||
|
<div editable="rich">
|
||||||
|
|
||||||
|
<h3>Project Name 3</h3>
|
||||||
|
<p class="text-muted">Project Description</p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- /lc-block -->
|
||||||
|
</div>
|
||||||
|
<div class="col text-center">
|
||||||
|
<div class="lc-block mb-4">
|
||||||
|
<img class="img-fluid" src="https://via.placeholder.com/512x512.png/f4f6fa/dce2ef" lc-helper="image">
|
||||||
|
</div><!-- /lc-block -->
|
||||||
|
<div class="lc-block">
|
||||||
|
<div editable="rich">
|
||||||
|
|
||||||
|
<h3>Project Name 4</h3>
|
||||||
|
<p class="text-muted">Project Description</p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- /lc-block -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
@code {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,44 @@
|
||||||
|
@using BlazorWASM.Shared
|
||||||
|
<section class="bg-light">
|
||||||
|
<div class="container py-md-6 py-4">
|
||||||
|
<div class="row justify-content-center mb-4">
|
||||||
|
<div class="col-xl-10">
|
||||||
|
<div class="lc-block mb-4">
|
||||||
|
<div editable="rich">
|
||||||
|
<h2 class="text-center fw-bold display-5">@myCards.Title</h2>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="col-xxl-7 col-lg-9">
|
||||||
|
<div class="lc-block text-center">
|
||||||
|
<div editable="rich">
|
||||||
|
<p class="rfs-8">@myCards.Discription</p>
|
||||||
|
</div>
|
||||||
|
</div><!-- /lc-block -->
|
||||||
|
</div><!-- /col -->
|
||||||
|
</div>
|
||||||
|
<div class="row justify-content-center">
|
||||||
|
@{
|
||||||
|
foreach(var card in myCards.Cards)
|
||||||
|
{
|
||||||
|
<CardItemComponent CardItem="@card"></CardItemComponent>
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
@code {
|
||||||
|
[Parameter]
|
||||||
|
public ServicesCard cards { get; set; }
|
||||||
|
|
||||||
|
public ServicesCard myCards;
|
||||||
|
|
||||||
|
protected override void OnParametersSet()
|
||||||
|
{
|
||||||
|
base.OnParametersSet();
|
||||||
|
myCards = cards;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,82 @@
|
||||||
|
<section class="py-5">
|
||||||
|
|
||||||
|
<div class="container pt-4 pb-4">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-4 align-self-center">
|
||||||
|
<div class="lc-block text-secondary">
|
||||||
|
<div editable="rich">
|
||||||
|
<p>magna ultricies </p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="lc-block border-bottom">
|
||||||
|
<div editable="rich">
|
||||||
|
|
||||||
|
<h1>Aliquam tincidunt mauris eu risus</h1>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div><!-- /lc-block -->
|
||||||
|
</div><!-- /col -->
|
||||||
|
<div class="col-md-4">
|
||||||
|
<div class="lc-block mb-2">
|
||||||
|
<img class="img-fluid" src="https://images.unsplash.com/photo-1516640000-9951e17c051d?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=634&q=80" alt="Photo by Cristina Gottardi" loading="lazy">
|
||||||
|
</div><!-- /lc-block -->
|
||||||
|
<div class="lc-block">
|
||||||
|
<div editable="rich">
|
||||||
|
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. </p>
|
||||||
|
</div>
|
||||||
|
</div><!-- /lc-block -->
|
||||||
|
</div><!-- /col -->
|
||||||
|
<div class="col-md-4">
|
||||||
|
<div class="lc-block">
|
||||||
|
<div editable="rich">
|
||||||
|
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra.</p>
|
||||||
|
</div>
|
||||||
|
</div><!-- /lc-block -->
|
||||||
|
<div class="lc-block mb-2">
|
||||||
|
<img class="img-fluid" src="https://images.unsplash.com/photo-1473445030992-b2356ec3621a?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=634&q=80" alt="Photo by Cristina Gottardi" loading="lazy">
|
||||||
|
</div><!-- /lc-block -->
|
||||||
|
</div><!-- /col -->
|
||||||
|
<div class="col-md-4">
|
||||||
|
<div class="lc-block mb-2">
|
||||||
|
<img class="img-fluid" src="https://images.unsplash.com/photo-1516640000-9951e17c051d?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=634&q=80" alt="Photo by Cristina Gottardi" loading="lazy">
|
||||||
|
</div><!-- /lc-block -->
|
||||||
|
<div class="lc-block">
|
||||||
|
<div editable="rich">
|
||||||
|
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. </p>
|
||||||
|
</div>
|
||||||
|
</div><!-- /lc-block -->
|
||||||
|
</div><!-- /col -->
|
||||||
|
<div class="col-md-4 align-self-center">
|
||||||
|
<div class="lc-block text-secondary">
|
||||||
|
<div editable="rich">
|
||||||
|
<p>magna ultricies </p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="lc-block border-bottom">
|
||||||
|
<div editable="rich">
|
||||||
|
|
||||||
|
<h1>Aliquam tincidunt mauris eu risus</h1>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div><!-- /lc-block -->
|
||||||
|
</div><!-- /col -->
|
||||||
|
<div class="col-md-4">
|
||||||
|
<div class="lc-block">
|
||||||
|
<div editable="rich">
|
||||||
|
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra.</p>
|
||||||
|
</div>
|
||||||
|
</div><!-- /lc-block -->
|
||||||
|
<div class="lc-block mb-2">
|
||||||
|
<img class="img-fluid" src="https://images.unsplash.com/photo-1473445030992-b2356ec3621a?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=634&q=80" alt="Photo by Cristina Gottardi" loading="lazy">
|
||||||
|
</div><!-- /lc-block -->
|
||||||
|
</div><!-- /col -->
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
@code {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,53 @@
|
||||||
|
@using BlazorWASM.Shared
|
||||||
|
<section>
|
||||||
|
<div class="container col-xxl-8 px-4 py-5">
|
||||||
|
<div class="row flex-lg-row-reverse align-items-center g-5 py-5">
|
||||||
|
<div class="col-10 col-sm-8 col-lg-6">
|
||||||
|
@* <img src="" class="d-block mx-lg-auto img-fluid" alt="Bootstrap Themes" width="700" height="500" loading="lazy"> *@
|
||||||
|
<img src="@titlePlusImageModel.ImageUrl" class="d-block mx-lg-auto img-fluid" alt="Bootstrap Themes" width="700" height="500" loading="lazy">
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-6">
|
||||||
|
@* <h1 class="display-5 fw-bold lh-1 mb-3">Ismerked meg a MangoWeb</h1> *@
|
||||||
|
<h1 class="display-5 fw-bold lh-1 mb-3">@titlePlusImageModel.Title</h1>
|
||||||
|
@* <p class="lead"></p>
|
||||||
|
<p></p>
|
||||||
|
<p></p>
|
||||||
|
<p></p> *@
|
||||||
|
@{
|
||||||
|
foreach (var anyámknnya in titlePlusImageModel.DescriptionContents)
|
||||||
|
{
|
||||||
|
<p>@anyámknnya.ContentParagraph</p>
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@{
|
||||||
|
if(titlePlusImageModel.ContentButtons != null)
|
||||||
|
{
|
||||||
|
<div class="d-grid gap-2 d-md-flex justify-content-md-start">
|
||||||
|
|
||||||
|
@{
|
||||||
|
// <button type="button" class="btn btn-primary btn-lg px-4 me-md-2">Primary</button>
|
||||||
|
// <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>
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
</div>
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
@code {
|
||||||
|
[Parameter]
|
||||||
|
public TitlePlusImageModel? titlePlusImageModel { get; set; }
|
||||||
|
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,54 @@
|
||||||
|
@using BlazorWASM.Shared
|
||||||
|
<section>
|
||||||
|
<div class="container col-xxl-8 px-4 py-5">
|
||||||
|
<div class="row flex-lg-row-reverse align-items-center g-5 py-5">
|
||||||
|
|
||||||
|
<div class="col-lg-6">
|
||||||
|
@* <h1 class="display-5 fw-bold lh-1 mb-3">Ismerked meg a MangoWeb</h1> *@
|
||||||
|
<h1 class="display-5 fw-bold lh-1 mb-3">@titlePlusImageModel.Title</h1>
|
||||||
|
@* <p class="lead"></p>
|
||||||
|
<p></p>
|
||||||
|
<p></p>
|
||||||
|
<p></p> *@
|
||||||
|
@{
|
||||||
|
foreach (var anyámknnya in titlePlusImageModel.DescriptionContents)
|
||||||
|
{
|
||||||
|
<p>@anyámknnya.ContentParagraph</p>
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@{
|
||||||
|
if(titlePlusImageModel.ContentButtons != null)
|
||||||
|
{
|
||||||
|
<div class="d-grid gap-2 d-md-flex justify-content-md-start">
|
||||||
|
|
||||||
|
@{
|
||||||
|
// <button type="button" class="btn btn-primary btn-lg px-4 me-md-2">Primary</button>
|
||||||
|
// <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>
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
</div>
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="col-10 col-sm-8 col-lg-6">
|
||||||
|
@* <img src="" class="d-block mx-lg-auto img-fluid" alt="Bootstrap Themes" width="700" height="500" loading="lazy"> *@
|
||||||
|
<img src="@titlePlusImageModel.ImageUrl" class="d-block mx-lg-auto img-fluid" alt="Bootstrap Themes" width="700" height="500" loading="lazy">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
@code {
|
||||||
|
[Parameter]
|
||||||
|
public TitlePlusImageModel? titlePlusImageModel { get; set; }
|
||||||
|
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,5 @@
|
||||||
|
@page "/brand"
|
||||||
|
|
||||||
|
@code {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,5 @@
|
||||||
|
@page "/chatbot"
|
||||||
|
|
||||||
|
@code {
|
||||||
|
|
||||||
|
}
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,5 @@
|
||||||
|
@page "/graphic"
|
||||||
|
|
||||||
|
@code {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
@ -1,28 +1,30 @@
|
||||||
@page "/home"
|
@page "/"
|
||||||
|
@using BlazorWASM.Shared
|
||||||
@using SharedUI.Shared.Components.Layout
|
@using SharedUI.Shared.Components.Layout
|
||||||
|
|
||||||
|
|
||||||
<HeroComponent />
|
<HeroComponent />
|
||||||
|
|
||||||
<section>
|
<TitlePlusImageLeftComponent titlePlusImageModel="@contentModel1"></TitlePlusImageLeftComponent>
|
||||||
<div class="container col-xxl-8 px-4 py-5">
|
|
||||||
<div class="row flex-lg-row-reverse align-items-center g-5 py-5">
|
|
||||||
<div class="col-10 col-sm-8 col-lg-6">
|
|
||||||
<img src="https://images.unsplash.com/photo-1520531158340-44015069e78e?q=80&w=1944&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" class="d-block mx-lg-auto img-fluid" alt="Bootstrap Themes" width="700" height="500" loading="lazy">
|
|
||||||
</div>
|
|
||||||
<div class="col-lg-6">
|
|
||||||
<h1 class="display-5 fw-bold lh-1 mb-3">Responsive left-aligned hero with image</h1>
|
|
||||||
<p class="lead">Quickly design and customize responsive mobile-first sites with Bootstrap, the world’s most popular front-end open source toolkit, featuring Sass variables and mixins, responsive grid system, extensive prebuilt components, and powerful JavaScript plugins.</p>
|
|
||||||
<div class="d-grid gap-2 d-md-flex justify-content-md-start">
|
|
||||||
<button type="button" class="btn btn-primary btn-lg px-4 me-md-2">Primary</button>
|
|
||||||
<button type="button" class="btn btn-outline-secondary btn-lg px-4">Default</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<CardComponent/>
|
<CardComponent/>
|
||||||
@code {
|
@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 static List<DescriptionContent> ContentModel1Description = new List<DescriptionContent>
|
||||||
|
{
|
||||||
|
new DescriptionContent("Mi vagyunk egy kis, de lelkes csapat, akik szenvedélyesen foglalkozunk webfejlesztéssel és programozással. Célunk, hogy ügyfeleinknek lenyűgöző és hatékony weboldalakat készítsünk, amelyek kiemelik őket a versenytársak közül..."),
|
||||||
|
new DescriptionContent("Munkánk során szorosan együttműködünk ügyfeleinkkel, hogy megértsük az igényeiket és elképzeléseiket. Minden egyes projektet egyedileg tervezünk és fejlesztünk, figyelembe véve az aktuális trendeket és legújabb technológiákat."),
|
||||||
|
new DescriptionContent("Ha egy olyan csapatot keres, akik elkötelezettek az ügyfelek sikere mellett és a minőségi munka iránt, akkor velünk a helyed! Hajlandóak vagyunk a lehetetlent is megvalósítani, és garantáljuk, hogy elégedetten távozol tőlünk, egy olyan weboldallal, ami túlmutat az elvárásaidon."),
|
||||||
|
new DescriptionContent("Kapcsolatba léphetsz velünk bármikor, hogy elkezdjük együtt az online jelenléted építését és fejlesztését!"),
|
||||||
|
};
|
||||||
|
|
||||||
|
|
||||||
|
public static List<ContentButton> CButtons = new List<ContentButton>
|
||||||
|
{
|
||||||
|
new ContentButton("Submit", "#"),
|
||||||
|
new ContentButton("Cancel", "#")
|
||||||
|
};
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
@page "/"
|
@page "/index"
|
||||||
|
|
||||||
|
|
||||||
<HeroComponent />
|
<HeroComponent />
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,5 @@
|
||||||
|
@page "/landingpage"
|
||||||
|
|
||||||
|
@code {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
@ -1,197 +1,33 @@
|
||||||
@page "/portfolio"
|
@page "/portfolio"
|
||||||
|
@using BlazorWASM.Shared
|
||||||
|
@using SharedUI.Shared.Components.Layout
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<TitlePlusImageRightComponent titlePlusImageModel="@contentModel2" />
|
||||||
|
|
||||||
|
<ThreeColumnComponent />
|
||||||
|
|
||||||
|
|
||||||
<section class="py-5">
|
<ProjectsComponent />
|
||||||
|
<FaQComponent />
|
||||||
<div class="container pt-4 pb-4">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-md-4 align-self-center">
|
|
||||||
<div class="lc-block text-secondary">
|
|
||||||
<div editable="rich">
|
|
||||||
<p>magna ultricies </p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="lc-block border-bottom">
|
|
||||||
<div editable="rich">
|
|
||||||
|
|
||||||
<h1>Aliquam tincidunt mauris eu risus</h1>
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div><!-- /lc-block -->
|
|
||||||
</div><!-- /col -->
|
|
||||||
<div class="col-md-4">
|
|
||||||
<div class="lc-block mb-2">
|
|
||||||
<img class="img-fluid" src="https://images.unsplash.com/photo-1516640000-9951e17c051d?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=634&q=80" alt="Photo by Cristina Gottardi" loading="lazy">
|
|
||||||
</div><!-- /lc-block -->
|
|
||||||
<div class="lc-block">
|
|
||||||
<div editable="rich">
|
|
||||||
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. </p>
|
|
||||||
</div>
|
|
||||||
</div><!-- /lc-block -->
|
|
||||||
</div><!-- /col -->
|
|
||||||
<div class="col-md-4">
|
|
||||||
<div class="lc-block">
|
|
||||||
<div editable="rich">
|
|
||||||
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra.</p>
|
|
||||||
</div>
|
|
||||||
</div><!-- /lc-block -->
|
|
||||||
<div class="lc-block mb-2">
|
|
||||||
<img class="img-fluid" src="https://images.unsplash.com/photo-1473445030992-b2356ec3621a?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=634&q=80" alt="Photo by Cristina Gottardi" loading="lazy">
|
|
||||||
</div><!-- /lc-block -->
|
|
||||||
</div><!-- /col -->
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
|
|
||||||
<section class="py-5">
|
|
||||||
<div class="container">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-12">
|
|
||||||
<div class="p-md-5 mb-2 lc-block text-center">
|
|
||||||
<div class="lc-block mb-4">
|
|
||||||
<div editable="rich">
|
|
||||||
<p class="fw-bold display-5">Our Projects</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="lc-block mb-5">
|
|
||||||
<div editable="rich">
|
|
||||||
<p class="fw-light rfs-7"> Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br>Nunc et metus id ligula malesuada placerat sit amet quis enim.<br></p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div><!-- /col -->
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="container">
|
|
||||||
<div class="row row-cols-2 row-cols-lg-4">
|
|
||||||
<div class="col text-center">
|
|
||||||
<div class="lc-block mb-4">
|
|
||||||
<img class="img-fluid" src="https://via.placeholder.com/512x512.png/f4f6fa/dce2ef" lc-helper="image">
|
|
||||||
</div><!-- /lc-block -->
|
|
||||||
<div class="lc-block">
|
|
||||||
<div editable="rich">
|
|
||||||
|
|
||||||
<h3>Project Name 1</h3>
|
|
||||||
<p class="text-muted">Project Description</p>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<!-- /lc-block -->
|
|
||||||
</div>
|
|
||||||
<div class="col text-center">
|
|
||||||
<div class="lc-block mb-4">
|
|
||||||
<img class="img-fluid" src="https://via.placeholder.com/512x512.png/f4f6fa/dce2ef" lc-helper="image">
|
|
||||||
</div><!-- /lc-block -->
|
|
||||||
<div class="lc-block">
|
|
||||||
<div editable="rich">
|
|
||||||
|
|
||||||
<h3>Project Name 2</h3>
|
|
||||||
<p class="text-muted">Project Description</p>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<!-- /lc-block -->
|
|
||||||
</div>
|
|
||||||
<div class="col text-center">
|
|
||||||
<div class="lc-block mb-4">
|
|
||||||
<img class="img-fluid" src="https://via.placeholder.com/512x512.png/f4f6fa/dce2ef" lc-helper="image">
|
|
||||||
</div><!-- /lc-block -->
|
|
||||||
<div class="lc-block">
|
|
||||||
<div editable="rich">
|
|
||||||
|
|
||||||
<h3>Project Name 3</h3>
|
|
||||||
<p class="text-muted">Project Description</p>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<!-- /lc-block -->
|
|
||||||
</div>
|
|
||||||
<div class="col text-center">
|
|
||||||
<div class="lc-block mb-4">
|
|
||||||
<img class="img-fluid" src="https://via.placeholder.com/512x512.png/f4f6fa/dce2ef" lc-helper="image">
|
|
||||||
</div><!-- /lc-block -->
|
|
||||||
<div class="lc-block">
|
|
||||||
<div editable="rich">
|
|
||||||
|
|
||||||
<h3>Project Name 4</h3>
|
|
||||||
<p class="text-muted">Project Description</p>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<!-- /lc-block -->
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
<section>
|
|
||||||
<div class="container py-5">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-md-12">
|
|
||||||
<div class="p-md-5 mb-2 lc-block text-center">
|
|
||||||
<div class="lc-block">
|
|
||||||
<div editable="rich">
|
|
||||||
<p class="fw-bold display-5">FAQ</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-md-6">
|
|
||||||
<div class="lc-block mb-5">
|
|
||||||
<div editable="rich">
|
|
||||||
<p class="h4">Excepteur sint occaecat cupidatat non? </p>
|
|
||||||
<p>Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="lc-block mb-5">
|
|
||||||
<div editable="rich">
|
|
||||||
<p class="h4">Duis aute irure dolor in?</p>
|
|
||||||
<p>Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="lc-block mb-5">
|
|
||||||
<div editable="rich">
|
|
||||||
<p class="h4">Consequuntur magni dolores eos qui?</p>
|
|
||||||
<p>Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-md-6">
|
|
||||||
<div class="lc-block mb-5">
|
|
||||||
<div editable="rich">
|
|
||||||
<p class="h4">Duis aute irure dolor in?</p>
|
|
||||||
<p>Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="lc-block mb-5">
|
|
||||||
<div editable="rich">
|
|
||||||
<p class="h4">Consequuntur magni dolores eos qui?</p>
|
|
||||||
<p>Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="lc-block mb-5">
|
|
||||||
<div editable="rich">
|
|
||||||
<p class="h4">Excepteur sint occaecat cupidatat non? </p>
|
|
||||||
<p>Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@code {
|
@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", "#")
|
||||||
|
};
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,5 @@
|
||||||
|
@page "/softwaredevelopment"
|
||||||
|
|
||||||
|
@code {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,5 @@
|
||||||
|
@page "/web3D"
|
||||||
|
|
||||||
|
@code {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,5 @@
|
||||||
|
@page "/webdesign"
|
||||||
|
|
||||||
|
@code {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,5 @@
|
||||||
|
@page "/webdevelopment"
|
||||||
|
|
||||||
|
@code {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
@ -9,3 +9,33 @@
|
||||||
font-family: mainFont;
|
font-family: mainFont;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#myVideo {
|
||||||
|
position: fixed;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
min-width: 100%;
|
||||||
|
min-height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.button {
|
||||||
|
cursor: pointer;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
border: none;
|
||||||
|
letter-spacing: 2px;
|
||||||
|
font-size: 12px;
|
||||||
|
background-color: rgb(255, 152, 0) !important;
|
||||||
|
color: rgb(0, 0, 0);
|
||||||
|
border-radius: 70px;
|
||||||
|
padding: 0 15px 0 50px;
|
||||||
|
height: 70px;
|
||||||
|
text-transform: uppercase;
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
.nav-item dropdown dmenu {
|
||||||
|
padding-right: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
li a {
|
||||||
|
margin-right: 20px;
|
||||||
|
}
|
||||||
|
|
|
||||||
|
|
@ -2,7 +2,16 @@
|
||||||
let x = 1;
|
let x = 1;
|
||||||
function initMassive() {
|
function initMassive() {
|
||||||
|
|
||||||
Blazor.start();
|
$(document).ready(function () {
|
||||||
|
console.log("DROPDOWN SETUP");
|
||||||
|
$('.navbar-dark .dmenu').hover(function () {
|
||||||
|
$(this).find('.sm-menu').first().stop(true, true).slideDown(150);
|
||||||
|
}, function () {
|
||||||
|
$(this).find('.sm-menu').first().stop(true, true).slideUp(105)
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
Binary file not shown.
Loading…
Reference in New Issue