part

src/EventHub.Web.Theme/Themes/EventHub/Components/MainNavbar/Default.cshtml

@@ -17,7 +17,9 @@
 }
 <nav class="navbar navbar-expand-lg navbar-light bg-light static-top">
     <div class="container">
-        <a class="navbar-brand font-weight-bold" href="@Url.Page("/index")">EventHub</a>
+        <a class="navbar-brand font-weight-bold" href="@Url.Page("/index")">
+            <img src="/assets/eventhub-logo.svg" class="logo" />
+        </a>
         <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
         </button>

src/EventHub.Web.Theme/wwwroot/themes/eventhub/style.css

@@ -287,8 +287,7 @@ p {
 .profile-content .form-control ,
 .profile-content .form-select {
     border: 1px solid rgba(107, 126, 146, 0.20);
-    background-color: white;
-    margin-bottom: 30px;
+    background-color: white; 
     color: #6B7E92;
 }
 
@@ -296,12 +295,14 @@ p {
 .profile-content   label { 
     color: #6B7E92;
 }
+.form-label-group {
+        margin-bottom: 30px;
+    }
 
 
 
 
-
-.form-row>.col, .form-row>[class*=col-] {
+.form-row > .col, .form-row > [class*=col-] {
     padding-right: 10px;
     padding-left: 10px;
 }
@@ -829,4 +830,44 @@ div.checkbox.switcher label, div.radio.switcher label {
     font-size: 10px;
     color: #999cdf; 
 }
+
+
+
+
+.static-page h1 {
+    font-size: 1.75em;
+}
+
+.static-page h2 {
+    font-size: 1.5em;
+}
+
+.static-page h3 {
+    font-size: 1.25em;
+}
+
+.static-page h4 {
+    font-size: 1.05em;
+}
+
+.event .card {
+    max-width: 300px;
+    margin: 0 auto 34px;
+}
+
+.logo {
+    height: 32px;
+}
+
+
+
+
+
+
+
+
+
+
+
+
 /*This area was made to be able to navigate between pages. It should be removed from the project*/

src/EventHub.Web/Pages/Events/Components/EventsArea/_eventListSection.cshtml

@@ -9,7 +9,7 @@
         <div class="card">
             @if (eventDto.CoverImageContent is null)
             {
-                <div class="rounded list-span text-center" style="background: @(CoverImageHelper.GetRandomColor(eventDto.Title))">
+                <div class="list-span text-center" style="background: @(CoverImageHelper.GetRandomColor(eventDto.Title))">
                     <span>@CoverImageHelper.GetContentOfImage(eventDto.Title).TruncateWithPostfix(30)</span>
                 </div>
             }

src/EventHub.Web/Pages/Events/New.cshtml

@@ -11,11 +11,9 @@
 @if (!Model.Organizations.Any())
 {
   <div class="container">
-    <div class="m-5 text-center">
-      <abp-alert alert-type="Danger">
-        <p>@L["NewEventYouHaveNoOrganizationYetMessage"]</p>
-        <a abp-button="Primary" href="@Url.Page("/Organizations/New")">@L["CreateAnOrganization"]</a>
-      </abp-alert>
+    <div class="my-5 text-center"> 
+        <h3>@L["NewEventYouHaveNoOrganizationYetMessage"]</h3>
+        <a abp-button="Primary" href="@Url.Page("/Organizations/New")">@L["CreateAnOrganization"]</a> 
     </div>
   </div>
 }
@@ -24,8 +22,7 @@ else
   <form method="post" enctype="multipart/form-data">
     <div class="container pt-4">
       <div class="row py-4">
-        <div class="col-md-9 mx-auto profile-content">     
-                
+        <div class="col-md-9 mx-auto profile-content">      
           <div class="card">
             <div class="card-body" style="min-height: 496px"> 
               <h3 class="mb-4">Create New Event</h3>
@@ -62,12 +59,10 @@ else
                   </div>
                   <div class="col-md-12">
                     <div class="form-label-group">
-                      <textarea rows="3" type="text" id="inputDescription" asp-for="Event.Description" class="form-control" placeholder="Description"></textarea>
-                      <label for="inputDescription">Description</label>
+                      <textarea rows="3" type="text" id="inputDescription" asp-for="Event.Description" class="form-control" placeholder="Description"></textarea> 
                       <span asp-validation-for="Event.Description" class="text-danger"></span>
                     </div>
-                  </div> 
-                          
+                  </div>  
                   <div class="col-md-12"> 
                     <h4 class="mb-4">Cover Image</h4> 
                     <div class="row">
@@ -124,9 +119,7 @@ else
                       <option selected value="">Language</option>
                     </select>
                     <span asp-validation-for="Event.Language" class="text-danger"></span>
-                  </div>
-                  
-
+                  </div> 
                   <div class="col-md-12 text-right">
                     <button type="submit" class="btn btn-primary btn-lg"> 
                       Publish New Event

src/EventHub.Web/Pages/Organizations/Components/OrganizationsArea/_organizationListSection.cshtml

@@ -7,7 +7,7 @@
         <div class="card">
             @if (organization.ProfilePictureContent == null)
             {
-                <div class="rounded list-span text-center" style="background: @(CoverImageHelper.GetRandomColor(organization.Name))">
+                <div class="list-span text-center" style="background: @(CoverImageHelper.GetRandomColor(organization.Name))">
                     <span>@CoverImageHelper.GetContentOfImage(organization.Name).TruncateWithPostfix(40)</span>
                 </div>
             }

src/EventHub.Web/Pages/Organizations/New.cshtml

@@ -19,18 +19,17 @@
                     <h3 class="mb-4">Create New Organization</h3>
                     <form method="post" enctype="multipart/form-data">
                         <div class="form">
-                            <div class="row">
-
+                            <div class="row"> 
                                 <div class="col-md-12">
                                     <h4 class="mb-4">Profile Image</h4>
                                     <div class="row">
-                                        <div class="col-4">
+                                        <div class="col-6">
                                             <div class="image-area">
                                                 <img id="imageResult" src="#" alt="" class="img-fluid rounded shadow-sm mx-auto d-block">
                                             </div>
                                         </div>
 
-                                        <div class="col-8">
+                                        <div class="col-6">
                                             <div>
                                                 <p class="mb-3">Photo size should be <span class="text-primary">max @(OrganizationConsts.MaxProfilePictureFileSize / (1024 * 1024)) MB.</span></p>
                                                 <input type="file" id="Organization_ProfilePictureFile" asp-for="Organization.ProfilePictureFile" class="form-control border-0" hidden>
@@ -59,8 +58,7 @@
                                 <div class="col-md-12">
                                     <div class="form-label-group">
                                         <textarea rows="3" type="text" id="inputDescription" asp-for="Organization.Description" class="form-control" placeholder="Description*" required=""></textarea>
-                                        <label for="inputDescription">Description*</label>
-                                        <span asp-validation-for="Organization.Description" class="text-danger"></span>
+                                         <span asp-validation-for="Organization.Description" class="text-danger"></span>
                                     </div>
                                 </div>
                                 <div class="col-md-6">

src/EventHub.Web/Pages/PrivacyPolicy.cshtml

@@ -2,26 +2,25 @@
 @using EventHub.Web.Pages
 @model EventHub.Web.Pages.PrivacyPolicy
 
-<main>
-    <div class="d-print-none">
-        <div class="container">
-            <div class="row">
-                <div class="col-auto mr-auto"></div>
-                <div class="col-auto">
-                    <abp-button icon="print" text="Print" onclick="javascript:window.print();"></abp-button>
+    <main class="static-page container mt-5">
+        <div class="d-print-none">
+            <div class="container">
+                <div class="row">
+                    <div class="col-auto mr-auto"></div>
+                    <div class="col-auto">
+                        <abp-button icon="print" text="Print" onclick="javascript:window.print();"></abp-button>
+                    </div>
                 </div>
             </div>
         </div>
-    </div>
 
-    <div class="page-title">
-        <h1>Privacy Policy &#x26; Cookie Policy</h1>
-    </div>
+        <div class="card shadow-sm rounded">
+            <div class="card-body p-lg-5 p-md-4">
+                <div class="page-title">
+                    <h1>Privacy Policy &#x26; Cookie Policy</h1>
+                </div>
 
-    <section class="sub-section">
-        <div class="container">
-            <div class="row">
-                <div class="col">
+                <section class="sub-section">
                     <p>
                         This policy is about how Volosoft uses and processes your data when shared
                         through our website or service. It was last updated on @PrivacyPolicy.LastUpdateDate
@@ -542,19 +541,18 @@
                         You may contact us via our privacy e-mail <a href="mailto:info@volosoft.com">info@volosoft.com</a>.
                         Please send e-mail through this adress for exercise your rights.
                     </p>
-                </div>
+                </section>
+
             </div>
         </div>
-    </section>
-
-    <div class="d-print-none">
-        <div class="container">
-            <div class="row">
-                <div class="col-auto mr-auto"></div>
-                <div class="col-auto">
-                    <abp-button icon="print" text="Print" onclick="javascript:window.print();"></abp-button>
+        <div class="d-print-none">
+            <div class="container">
+                <div class="row">
+                    <div class="col-auto mr-auto"></div>
+                    <div class="col-auto">
+                        <abp-button icon="print" text="Print" onclick="javascript:window.print();"></abp-button>
+                    </div>
                 </div>
             </div>
         </div>
-    </div>
-</main>
+    </main>

src/EventHub.Web/wwwroot/assets/eventhub-logo.svg

@@ -0,0 +1,16 @@
+<svg width="408" height="80" viewBox="0 0 408 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M108.64 25.172V35.236H124.892V44.008H108.64V54.684H126.932V64H97.012V15.924H126.932V25.172H108.64Z" fill="#00044A"/>
+<path d="M149.039 52.644L157.267 26.056H169.643L156.179 64H141.763L128.299 26.056H140.675L149.039 52.644Z" fill="#00044A"/>
+<path d="M208.46 44.008C208.46 44.96 208.347 46.0027 208.12 47.136H181.804C181.94 49.992 182.666 52.0547 183.98 53.324C185.295 54.548 186.972 55.16 189.012 55.16C190.735 55.16 192.163 54.7293 193.296 53.868C194.43 53.0067 195.178 51.896 195.54 50.536H207.848C207.35 53.2107 206.262 55.6133 204.584 57.744C202.907 59.8293 200.776 61.484 198.192 62.708C195.608 63.8867 192.73 64.476 189.556 64.476C185.839 64.476 182.53 63.7053 179.628 62.164C176.772 60.5773 174.528 58.3107 172.896 55.364C171.264 52.4173 170.448 48.972 170.448 45.028C170.448 41.0387 171.242 37.5933 172.828 34.692C174.46 31.7453 176.727 29.5013 179.628 27.96C182.53 26.3733 185.839 25.58 189.556 25.58C193.319 25.58 196.628 26.3507 199.484 27.892C202.34 29.4333 204.539 31.6093 206.08 34.42C207.667 37.1853 208.46 40.3813 208.46 44.008ZM196.696 42.24C196.742 39.7467 196.062 37.888 194.656 36.664C193.296 35.3947 191.596 34.76 189.556 34.76C187.426 34.76 185.658 35.3947 184.252 36.664C182.847 37.9333 182.054 39.792 181.872 42.24H196.696Z" fill="#00044A"/>
+<path d="M236.554 25.648C240.906 25.648 244.351 27.0987 246.89 30C249.474 32.9013 250.766 36.8907 250.766 41.968V64H239.138V43.328C239.138 40.7893 238.458 38.8173 237.098 37.412C235.783 35.9613 234.015 35.236 231.794 35.236C229.437 35.236 227.555 35.984 226.15 37.48C224.79 38.976 224.11 41.1067 224.11 43.872V64H212.482V26.056H224.11V32.992C225.198 30.7253 226.807 28.9347 228.938 27.62C231.114 26.3053 233.653 25.648 236.554 25.648Z" fill="#00044A"/>
+<path d="M277.883 54.004V64H272.647C268.204 64 264.736 62.912 262.243 60.736C259.795 58.5147 258.571 54.8653 258.571 49.788V35.848H253.471V26.056H258.571V16.74H270.199V26.056H277.815V35.848H270.199V49.992C270.199 51.488 270.494 52.5307 271.083 53.12C271.718 53.7093 272.76 54.004 274.211 54.004H277.883Z" fill="#00044A"/>
+<path d="M321.732 16.06V64H316.972V41.288H290.996V64H286.168V16.06H290.996V37.344H316.972V16.06H321.732Z" fill="#E8345D"/>
+<path d="M362.109 26.872V64H357.349V54.82C356.397 58.0387 354.674 60.4867 352.181 62.164C349.688 63.8413 346.832 64.68 343.613 64.68C339.261 64.68 335.725 63.32 333.005 60.6C330.33 57.8347 328.993 53.8 328.993 48.496V26.872H333.753V48.088C333.753 52.168 334.773 55.296 336.813 57.472C338.853 59.6027 341.641 60.668 345.177 60.668C348.894 60.668 351.841 59.4893 354.017 57.132C356.238 54.7293 357.349 51.216 357.349 46.592V26.872H362.109Z" fill="#E8345D"/>
+<path d="M390.331 26.396C393.731 26.396 396.723 27.1667 399.307 28.708C401.936 30.204 403.976 32.4027 405.427 35.304C406.923 38.16 407.671 41.5373 407.671 45.436C407.671 49.2893 406.923 52.6667 405.427 55.568C403.976 58.424 401.936 60.6227 399.307 62.164C396.677 63.7053 393.685 64.476 390.331 64.476C386.523 64.476 383.304 63.5013 380.675 61.552C378.045 59.6027 376.232 57.0187 375.235 53.8V64H370.475V13.68H375.235V37.072C376.232 33.8533 378.045 31.2693 380.675 29.32C383.304 27.3707 386.523 26.396 390.331 26.396ZM389.039 30.612C386.409 30.612 384.029 31.224 381.899 32.448C379.813 33.672 378.181 35.4173 377.003 37.684C375.824 39.9053 375.235 42.4893 375.235 45.436C375.235 48.3827 375.824 50.9893 377.003 53.256C378.181 55.4773 379.813 57.2 381.899 58.424C384.029 59.648 386.409 60.26 389.039 60.26C393.255 60.26 396.609 58.9453 399.103 56.316C401.596 53.6413 402.843 50.0147 402.843 45.436C402.843 40.8573 401.596 37.2533 399.103 34.624C396.609 31.9493 393.255 30.612 389.039 30.612Z" fill="#E8345D"/>
+<path d="M16 22C16 18.6863 18.6863 16 22 16H46V28H16V22Z" fill="#00044A"/>
+<path d="M70 75H75V70V22C75 12.6112 67.3888 5 58 5H22C12.6112 5 5 12.6112 5 22V58C5 67.3888 12.6112 75 22 75H70Z" stroke="#E8345D" stroke-width="10"/>
+<path d="M34 34H52V46H34V34Z" fill="#00044A"/>
+<path d="M16 52H46V64H22C18.6863 64 16 61.3137 16 58V52Z" fill="#00044A"/>
+<path d="M52 64L52 16L58 16C61.3137 16 64 18.6863 64 22L64 64L52 64Z" fill="#00044A"/>
+<path d="M22 64C18.6863 64 16 61.3137 16 58L16 22C16 18.6863 18.6863 16 22 16L28 16L28 64L22 64Z" fill="#00044A"/>
+</svg>