From 78ed96237d788bbe27336cbdd07d49ce95d8f579 Mon Sep 17 00:00:00 2001
From: Qais Yousuf <mr.qais.yousuf@gmail.com>
Date: Fri, 8 Mar 2024 11:20:36 +0100
Subject: [PATCH] Survey Models Created

---
 Data/SurveyContext.cs                         |  26 ++
 Model/Answer.cs                               |  18 +
 Model/Question.cs                             |  24 ++
 Model/QuestionType.cs                         |  25 ++
 Model/QuestionTypeEntities.cs                 |  17 +
 Model/Questionnaire.cs                        |  16 +
 Services/Implemnetation/AddressRepository.cs  |   4 +-
 Services/Implemnetation/FooterRepository.cs   |  23 ++
 .../Implemnetation/QuestionnaireRepository.cs |  58 +++
 .../Implemnetation/SocialMediaRepository.cs   |   2 +-
 Services/Interaces/IAddressRepository.cs      |   4 +-
 Services/Interaces/IFooterRepository.cs       |   2 +
 .../Interaces/IQuestionnaireRepository.cs     |  22 ++
 .../Admin/Controllers/FooterController.cs     | 165 +++++++-
 .../Controllers/QuestionnaireController.cs    |  81 ++++
 Web/Areas/Admin/Views/Address/Index.cshtml    |   2 +-
 Web/Areas/Admin/Views/Banner/Index.cshtml     |   6 +-
 Web/Areas/Admin/Views/Footer/Create.cshtml    |   2 +-
 Web/Areas/Admin/Views/Footer/Delete.cshtml    | 175 +++++++++
 Web/Areas/Admin/Views/Footer/Edit.cshtml      | 106 +++++
 Web/Areas/Admin/Views/Footer/Index.cshtml     |  12 +-
 .../Admin/Views/Questionnaire/Create.cshtml   | 108 +++++
 .../Admin/Views/Questionnaire/Index.cshtml    |  47 +++
 .../Admin/Views/Shared/_AdminLayout.cshtml    |   4 +
 .../Admin/Views/SocialMedia/Index.cshtml      |   6 +-
 Web/Areas/Admin/Views/_ViewImports.cshtml     |   1 +
 Web/Extesions/ServicesExtesions.cs            |   4 +
 ...240307153635_SurveyModelsAdded.Designer.cs | 371 ++++++++++++++++++
 .../20240307153635_SurveyModelsAdded.cs       | 108 +++++
 Web/Migrations/SurveyContextModelSnapshot.cs  | 112 ++++++
 Web/Program.cs                                |   4 +-
 .../FooterVm/FooterDeleteViewModel.cs         |  43 ++
 Web/ViewModel/FooterVm/FooterEditViewModel.cs |  43 ++
 .../FooterVm/InserFooterViewModel.cs          |   8 +-
 .../QuestionnaireVM/QuestionnaireViewModel.cs |  19 +
 Web/wwwroot/css/site.css                      |   5 +
 36 files changed, 1638 insertions(+), 35 deletions(-)
 create mode 100644 Model/Answer.cs
 create mode 100644 Model/Question.cs
 create mode 100644 Model/QuestionType.cs
 create mode 100644 Model/QuestionTypeEntities.cs
 create mode 100644 Model/Questionnaire.cs
 create mode 100644 Services/Implemnetation/QuestionnaireRepository.cs
 create mode 100644 Services/Interaces/IQuestionnaireRepository.cs
 create mode 100644 Web/Areas/Admin/Controllers/QuestionnaireController.cs
 create mode 100644 Web/Areas/Admin/Views/Footer/Delete.cshtml
 create mode 100644 Web/Areas/Admin/Views/Footer/Edit.cshtml
 create mode 100644 Web/Areas/Admin/Views/Questionnaire/Create.cshtml
 create mode 100644 Web/Areas/Admin/Views/Questionnaire/Index.cshtml
 create mode 100644 Web/Migrations/20240307153635_SurveyModelsAdded.Designer.cs
 create mode 100644 Web/Migrations/20240307153635_SurveyModelsAdded.cs
 create mode 100644 Web/ViewModel/FooterVm/FooterDeleteViewModel.cs
 create mode 100644 Web/ViewModel/FooterVm/FooterEditViewModel.cs
 create mode 100644 Web/ViewModel/QuestionnaireVM/QuestionnaireViewModel.cs

diff --git a/Data/SurveyContext.cs b/Data/SurveyContext.cs
index e102c04..e4933bb 100644
--- a/Data/SurveyContext.cs
+++ b/Data/SurveyContext.cs
@@ -26,6 +26,13 @@ namespace Data
 
         public DbSet<FooterSocialMedia> FooterSocialMedias { get; set; }
 
+        public DbSet<Questionnaire> Questionnaires { get; set; }
+
+        public DbSet<Question> Questions { get; set; }
+        public DbSet<Answer> Answers { get; set; }
+
+        public DbSet<QuestionTypeEntities> QuestionTypeEntities { get; set; }
+
 
         protected override void OnModelCreating(ModelBuilder modelBuilder)
         {
@@ -43,7 +50,26 @@ namespace Data
                 .HasForeignKey(fsm => fsm.SocialId);
 
 
+            modelBuilder.Entity<Questionnaire>()
+    .HasKey(q => q.Id);
 
+            modelBuilder.Entity<Questionnaire>()
+                .HasMany(q => q.Questions)
+                .WithOne(qn => qn.Questionnaire)
+                .HasForeignKey(qn => qn.QuestionnaireId)
+                .OnDelete(DeleteBehavior.Cascade);
+
+            modelBuilder.Entity<Question>()
+          .HasOne(q => q.Questionnaire)
+          .WithMany(qn => qn.Questions)
+          .HasForeignKey(q => q.QuestionnaireId)
+          .OnDelete(DeleteBehavior.Cascade);
+
+            modelBuilder.Entity<Answer>()
+                .HasKey(a => a.Id);
+
+            modelBuilder.Entity<QuestionTypeEntities>()
+                .HasKey(t => t.Id);
 
             base.OnModelCreating(modelBuilder);
         }
diff --git a/Model/Answer.cs b/Model/Answer.cs
new file mode 100644
index 0000000..8e6783b
--- /dev/null
+++ b/Model/Answer.cs
@@ -0,0 +1,18 @@
+using System;
+using System.Collections.Generic;
+using System.ComponentModel.DataAnnotations.Schema;
+using System.Linq;
+using System.Text;
+using System.Threading.Tasks;
+
+namespace Model
+{
+    public class Answer
+    {
+        public int Id { get; set; }
+        public string? Text { get; set; }
+        public int QuestionId { get; set; } // Foreign key for Question
+        [ForeignKey("QuestionId")]
+        public Question? Question { get; set; }
+    }
+}
diff --git a/Model/Question.cs b/Model/Question.cs
new file mode 100644
index 0000000..9aa9724
--- /dev/null
+++ b/Model/Question.cs
@@ -0,0 +1,24 @@
+using System;
+using System.Collections.Generic;
+using System.ComponentModel.DataAnnotations.Schema;
+using System.Linq;
+using System.Text;
+using System.Threading.Tasks;
+
+namespace Model
+{
+    public class Question
+    {
+        public int Id { get; set; }
+        public string? Text { get; set; }
+        public QuestionType Type { get; set; }
+
+        // Foreign key for Questionnaire
+      
+        public int QuestionnaireId { get; set; } // Foreign key for Questionnaire
+        [ForeignKey("QuestionnaireId")]
+        public Questionnaire? Questionnaire { get; set; }
+
+        public List<Answer>? Answers { get; set; }
+    }
+}
diff --git a/Model/QuestionType.cs b/Model/QuestionType.cs
new file mode 100644
index 0000000..dcb5b75
--- /dev/null
+++ b/Model/QuestionType.cs
@@ -0,0 +1,25 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Text;
+using System.Threading.Tasks;
+
+namespace Model
+{
+    public enum QuestionType
+    {
+        Text,
+        CheckBox,
+        TrueFalse,
+        Multiple_choice,
+        Rating,
+        Likert,
+        Matrix,
+        Open_ended,
+        Demographic,
+        Ranking,
+        Image,
+        Slider
+
+    }
+}
diff --git a/Model/QuestionTypeEntities.cs b/Model/QuestionTypeEntities.cs
new file mode 100644
index 0000000..e6ff547
--- /dev/null
+++ b/Model/QuestionTypeEntities.cs
@@ -0,0 +1,17 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Text;
+using System.Threading.Tasks;
+
+namespace Model
+{
+    public class QuestionTypeEntities
+    {
+      
+        
+            public int Id { get; set; }
+            public QuestionType Type { get; set; }
+        
+    }
+}
diff --git a/Model/Questionnaire.cs b/Model/Questionnaire.cs
new file mode 100644
index 0000000..7ea572d
--- /dev/null
+++ b/Model/Questionnaire.cs
@@ -0,0 +1,16 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Text;
+using System.Threading.Tasks;
+
+namespace Model
+{
+    public class Questionnaire
+    {
+        public int Id { get; set; }
+        public string? Title { get; set; }
+        public string? Description { get; set; }
+        public List<Question>? Questions { get; set; }
+    }
+}
diff --git a/Services/Implemnetation/AddressRepository.cs b/Services/Implemnetation/AddressRepository.cs
index b43dcba..ecef870 100644
--- a/Services/Implemnetation/AddressRepository.cs
+++ b/Services/Implemnetation/AddressRepository.cs
@@ -31,14 +31,14 @@ namespace Services.Implemnetation
             await _context.SaveChangesAsync();
         }
 
-        public void Delete(int id)
+        public void Delete(int? id)
         {
             var addresId = GetAddressById(id);
 
             _context.Addresss.Remove(addresId);
         }
 
-        public Address GetAddressById(int id)
+        public Address GetAddressById(int? id)
         {
             return _context.Addresss.AsNoTracking().Where(x => x.Id == id).FirstOrDefault();
         }
diff --git a/Services/Implemnetation/FooterRepository.cs b/Services/Implemnetation/FooterRepository.cs
index 3b14201..74ee943 100644
--- a/Services/Implemnetation/FooterRepository.cs
+++ b/Services/Implemnetation/FooterRepository.cs
@@ -49,12 +49,35 @@ namespace Services.Implemnetation
 
         public void Update(Footer footer)
         {
+
             _context.Footers.Update(footer);
+            //_context.Entry(footer).State = EntityState.Modified;
+
+
+            //foreach (var fsm in footer.FooterSocialMedias)
+            //{
+            //    var existingEntity = _context.ChangeTracker.Entries<FooterSocialMedia>()
+            //                                   .FirstOrDefault(e => e.Entity.FooterId == fsm.FooterId && e.Entity.SocialId == fsm.SocialId);
+
+            //    if (existingEntity != null)
+            //    {
+            //        _context.Entry(existingEntity.Entity).State = EntityState.Detached;
+            //    }
+
+            //    _context.Entry(fsm).State = EntityState.Modified;
+            //}
         }
 
         public List<Footer> GetFooterWithFooterSocial()
         {
             return _context.Footers.AsNoTracking().Include(x => x.FooterSocialMedias).ThenInclude(x => x.SocialMedia).ToList();
         }
+
+        public Footer GetFooterByIdWithSocialMedia(int id)
+        {
+            return _context.Footers.AsNoTracking().Include(x => x.FooterSocialMedias).ThenInclude(x => x.SocialMedia).SingleOrDefault(x=>x.Id==id);
+        }
+
+      
     }
 }
diff --git a/Services/Implemnetation/QuestionnaireRepository.cs b/Services/Implemnetation/QuestionnaireRepository.cs
new file mode 100644
index 0000000..97ff2e2
--- /dev/null
+++ b/Services/Implemnetation/QuestionnaireRepository.cs
@@ -0,0 +1,58 @@
+using Data;
+using Microsoft.EntityFrameworkCore;
+using Model;
+using Services.Interaces;
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Text;
+using System.Threading.Tasks;
+
+namespace Services.Implemnetation
+{
+    public class QuestionnaireRepository : IQuestionnaireRepository
+    {
+        private readonly SurveyContext _context;
+
+        public QuestionnaireRepository(SurveyContext Context)
+        {
+            _context = Context;
+        }
+        public void Add(Questionnaire questionnaire)
+        {
+            _context.Questionnaires.Add(questionnaire);
+        }
+
+        public async Task commitAsync()
+        {
+            await _context.SaveChangesAsync();
+        }
+
+        public void Delete(int? id)
+        {
+            var questionnairId = GetQuesById(id);
+
+            _context.Questionnaires.Remove(questionnairId);
+        }
+
+        public List<Questionnaire> GetAllQuestions()
+        {
+            return _context.Questionnaires.ToList();
+        }
+
+        public Questionnaire GetQuesById(int? id)
+        {
+            return _context.Questionnaires.Find(id);
+        }
+
+        public List<Questionnaire> GetQuestionnairesWithQuestion()
+        {
+           return _context.Questionnaires.AsNoTracking().Include(x=>x.Questions).ToList();
+        }
+
+        public void Update(Questionnaire questionnaire)
+        {
+            _context.Questionnaires.Update(questionnaire);
+        }
+    }
+}
diff --git a/Services/Implemnetation/SocialMediaRepository.cs b/Services/Implemnetation/SocialMediaRepository.cs
index 3efc7b1..ab3edb0 100644
--- a/Services/Implemnetation/SocialMediaRepository.cs
+++ b/Services/Implemnetation/SocialMediaRepository.cs
@@ -50,7 +50,7 @@ namespace Services.Implemnetation
 
         public List<SocialMedia> GetSocialMedia()
         {
-            return _context.SocialMedia.ToList();
+            return _context.SocialMedia.AsNoTracking().ToList();
         }
 
         public void Update(SocialMedia socialMedia)
diff --git a/Services/Interaces/IAddressRepository.cs b/Services/Interaces/IAddressRepository.cs
index 15be534..a0a173a 100644
--- a/Services/Interaces/IAddressRepository.cs
+++ b/Services/Interaces/IAddressRepository.cs
@@ -12,11 +12,11 @@ namespace Services.Interaces
 
         List<Address> GetAddresses();
 
-        Address GetAddressById(int id);
+        Address GetAddressById(int? id);
 
         Task Add(Address address);
 
-        void Delete(int id);
+        void Delete(int? id);
 
         void Update(Address address);
 
diff --git a/Services/Interaces/IFooterRepository.cs b/Services/Interaces/IFooterRepository.cs
index f6312f5..a10f422 100644
--- a/Services/Interaces/IFooterRepository.cs
+++ b/Services/Interaces/IFooterRepository.cs
@@ -14,6 +14,8 @@ namespace Services.Interaces
 
         Footer GetFooterById(int id);
 
+        Footer GetFooterByIdWithSocialMedia(int id);
+
         Task Add(Footer footer);
 
         void Delete(int id);
diff --git a/Services/Interaces/IQuestionnaireRepository.cs b/Services/Interaces/IQuestionnaireRepository.cs
new file mode 100644
index 0000000..dd06918
--- /dev/null
+++ b/Services/Interaces/IQuestionnaireRepository.cs
@@ -0,0 +1,22 @@
+using Model;
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Text;
+using System.Threading.Tasks;
+
+namespace Services.Interaces
+{
+    public interface IQuestionnaireRepository
+    {
+        List<Questionnaire> GetAllQuestions();
+        List<Questionnaire> GetQuestionnairesWithQuestion();
+        Questionnaire GetQuesById(int? id);
+
+        void Add(Questionnaire questionnaire);
+        void Update(Questionnaire questionnaire);
+        void Delete(int? id);
+
+        Task commitAsync();
+    }
+}
diff --git a/Web/Areas/Admin/Controllers/FooterController.cs b/Web/Areas/Admin/Controllers/FooterController.cs
index 1e9a1b0..fe3ff91 100644
--- a/Web/Areas/Admin/Controllers/FooterController.cs
+++ b/Web/Areas/Admin/Controllers/FooterController.cs
@@ -1,9 +1,11 @@
 using Data;
 using Microsoft.AspNetCore.Components.Forms.Mapping;
+using Microsoft.AspNetCore.Components.Routing;
 using Microsoft.AspNetCore.Mvc;
 using Microsoft.AspNetCore.Mvc.Rendering;
 using Microsoft.EntityFrameworkCore;
 using Model;
+using Services.Implemnetation;
 using Services.Interaces;
 using Web.ViewModel.FooterVm;
 using Web.ViewModel.SocialMediaVM;
@@ -119,6 +121,7 @@ namespace Web.Areas.Admin.Controllers
 
                 await  _footer.Add(footer);
                 await _footer.commitAsync();
+                TempData["Success"] = "Footer created successfully";
                 return RedirectToAction("Index"); // Redirect to appropriate action
             }
 
@@ -136,24 +139,164 @@ namespace Web.Areas.Admin.Controllers
 
         }
 
-        private List<CheckBoxViewModel> GetsocialMdeia()
+        [HttpGet]
+        public IActionResult Edit(int id)
         {
-            var socialMedia = _socialMedia.GetSocialMedia();
-                
 
-            List<CheckBoxViewModel> selectListItems = new List<CheckBoxViewModel>();
+            var footer = _footer.GetFooterByIdWithSocialMedia(id);
 
-            foreach (var item in socialMedia)
+            var socialMediaOptions =_socialMedia.GetSocialMedia()
+              .Select(sm => new SelectListItem
+              {
+                  Value = sm.Id.ToString(),
+                  Text = sm.Name,
+                  Selected = footer.FooterSocialMedias.Any(fsm => fsm.SocialId == sm.Id)
+              })
+              .ToList();
+
+            var footerViewModel = new FooterEditViewModel
             {
-                selectListItems.Add(new CheckBoxViewModel
+                Id = footer.Id,
+                Title = footer.Title,
+                Name = footer.Name,
+                Owner = footer.Owner,
+                Content = footer.Content,
+                CreatedBy = footer.CreatedBy,
+                UpdatedBy = footer.UpdatedBy,
+                LastUpdated = footer.LastUpdated,
+                ImageUlr = footer.ImageUlr,
+                Sitecopyright = footer.Sitecopyright,
+                // Map other properties from Footer to FooterViewModel as needed
+                SocialMediaOptions = socialMediaOptions,
+                
+                
+                // Map other properties from Footer to FooterUpdateViewModel as needed
+               
+            };
+
+
+            return View(footerViewModel);
+
+         
+
+
+        }
+
+        [HttpPost]
+        public async Task<IActionResult> Edit([Bind(include: "Id,Title,Name,Owner,Content,CreatedBy,UpdatedBy,LastUpdated,ImageUlr,Sitecopyright,SelectedSocialMediaIds,SocialMediaOptions")] FooterEditViewModel viewmodel)
+        {
+           
+
+
+            if (ModelState.IsValid)
+            {
+                var footer = _footer.GetFooterByIdWithSocialMedia(viewmodel.Id);
+
+                // Update other properties in the Footer model based on viewmodel
+
+                footer.Id = viewmodel.Id;
+                footer.Title = viewmodel.Title;
+                footer.Owner = viewmodel.Owner;
+                footer.Content = viewmodel.Content;
+                footer.Name = viewmodel.Name;
+                footer.LastUpdated = viewmodel.LastUpdated;
+                footer.UpdatedBy = viewmodel.UpdatedBy;
+                footer.CreatedBy = viewmodel.CreatedBy;
+                footer.Sitecopyright = viewmodel.Sitecopyright;
+                footer.ImageUlr = viewmodel.ImageUlr;
+
+                // Clear existing associations and add selected ones
+                //footer.FooterSocialMedias.Clear();
+
+
+
+                var selectedSocialMediaIds = viewmodel.SelectedSocialMediaIds ?? new List<int>();
+
+                var selectedSocialMedias = _socialMedia.GetSocialMedia()
+                    .Where(sm => selectedSocialMediaIds.Contains(sm.Id))
+                    .ToList();
+
+
+
+                foreach (var socialMedia in selectedSocialMedias)
                 {
-                    SocialMediaName=item.Name,
-                    SocialMediaId=item.Id,
-                    IsSelected=false,
-                });
+
+                    footer.FooterSocialMedias.Add(new FooterSocialMedia
+                    {
+                        SocialId = socialMedia.Id
+                        // Add other properties as needed
+                    });
+                }
+
+
+                _footer.Update(footer);
+                await _footer.commitAsync();
+                TempData["Success"] = "Footer updated successfully";
+
+                return RedirectToAction(nameof(Index));
             }
 
-            return selectListItems;
+
+            return View(viewmodel);
+
         }
+
+        [HttpGet]
+        public IActionResult Delete(int id)
+        {
+
+            var footer = _footer.GetFooterByIdWithSocialMedia(id);
+
+            var socialMediaOptions = _socialMedia.GetSocialMedia()
+              .Select(sm => new SelectListItem
+              {
+                  Value = sm.Id.ToString(),
+                  Text = sm.Name,
+                  Selected = footer.FooterSocialMedias.Any(fsm => fsm.SocialId == sm.Id)
+              })
+              .ToList();
+
+            var footerViewModel = new FooterDeleteViewModel
+            {
+                Id = footer.Id,
+                Title = footer.Title,
+                Name = footer.Name,
+                Owner = footer.Owner,
+                Content = footer.Content,
+                CreatedBy = footer.CreatedBy,
+                UpdatedBy = footer.UpdatedBy,
+                LastUpdated = footer.LastUpdated,
+                ImageUlr = footer.ImageUlr,
+                Sitecopyright = footer.Sitecopyright,
+                // Map other properties from Footer to FooterViewModel as needed
+                SocialMediaOptions = socialMediaOptions,
+
+
+                // Map other properties from Footer to FooterUpdateViewModel as needed
+
+            };
+
+
+            return View(footerViewModel);
+
+        }
+
+        [HttpPost]
+        [ActionName("Delete")]
+        public async Task<IActionResult> DeleteConfirm(int id)
+        {
+
+            _footer.Delete(id);
+
+            await _footer.commitAsync();
+            TempData["Success"] = "Footer deleted successfully";
+
+            return RedirectToAction(nameof(Index));
+
+        }
+
+
+
+
     }
 }
diff --git a/Web/Areas/Admin/Controllers/QuestionnaireController.cs b/Web/Areas/Admin/Controllers/QuestionnaireController.cs
new file mode 100644
index 0000000..0851d7b
--- /dev/null
+++ b/Web/Areas/Admin/Controllers/QuestionnaireController.cs
@@ -0,0 +1,81 @@
+using Microsoft.AspNetCore.Mvc;
+using Microsoft.AspNetCore.Mvc.Rendering;
+using Model;
+using Services.Interaces;
+using Web.ViewModel.QuestionnaireVM;
+
+namespace Web.Areas.Admin.Controllers
+{
+    public class QuestionnaireController : Controller
+    {
+        private readonly IQuestionnaireRepository _questionnaire;
+
+        public QuestionnaireController(IQuestionnaireRepository Questionnaire)
+        {
+            _questionnaire = Questionnaire;
+        }
+        public IActionResult Index()
+        {
+
+            var questionnaire = _questionnaire.GetQuestionnairesWithQuestion();
+
+            List<QuestionnaireViewModel> viewmodel = new List<QuestionnaireViewModel>();
+
+
+            foreach (var item in questionnaire)
+            {
+                viewmodel.Add(new QuestionnaireViewModel
+                {
+                    Id = item.Id,
+                    Description = item.Description,
+                    Title = item.Title,
+                    Questions = item.Questions
+                });
+            }
+            
+            return View(viewmodel);
+        }
+        [HttpGet]
+        public IActionResult Create()
+        {
+            
+            var questionTypes = Enum.GetValues(typeof(QuestionType)).Cast<QuestionType>();
+            ViewBag.QuestionTypes = new SelectList(questionTypes);
+            var questionnaire = new QuestionnaireViewModel
+            {
+                Questions = new List<Question>()
+            };
+
+            return View(questionnaire);
+        }
+        [HttpPost]
+        public IActionResult Create(QuestionnaireViewModel viewmodel)
+        {
+            if(ModelState.IsValid)
+            {
+
+                var questionnaire = new Questionnaire
+                {
+                    Id = viewmodel.Id,
+                    Title = viewmodel.Title,
+                  Description = viewmodel.Description,
+                    
+                };
+
+                foreach (var item in viewmodel.Questions)
+                {
+                    questionnaire.Questions.Add(item);
+                }
+
+                _questionnaire.Add(questionnaire);
+
+                _questionnaire.commitAsync();
+
+
+                return RedirectToAction(nameof(Index));
+            }
+
+            return View(viewmodel);
+        }
+    }
+}
diff --git a/Web/Areas/Admin/Views/Address/Index.cshtml b/Web/Areas/Admin/Views/Address/Index.cshtml
index 4e91b3e..19f6c86 100644
--- a/Web/Areas/Admin/Views/Address/Index.cshtml
+++ b/Web/Areas/Admin/Views/Address/Index.cshtml
@@ -16,7 +16,7 @@
                 <a asp-action="Create" class="btn btn-primary">Create New</a>
             </p>
 
-            <table class="table table-hover table-responsive table-striped ">
+            <table class="table table-responsive w-100 d-block d-md-table ">
                 <thead>
                     <tr>
 
diff --git a/Web/Areas/Admin/Views/Banner/Index.cshtml b/Web/Areas/Admin/Views/Banner/Index.cshtml
index c9957a1..50223d1 100644
--- a/Web/Areas/Admin/Views/Banner/Index.cshtml
+++ b/Web/Areas/Admin/Views/Banner/Index.cshtml
@@ -17,8 +17,8 @@
                 <a asp-action="Create" class="btn btn-primary">Create New</a>
             </p>
 
-            <table class="table table-hover table-responsive table-striped ">
-                <thead>
+            <table class="table table-responsive w-100 d-block d-md-table">
+                <thead class="w-auto">
                     <tr>
 
                         <th scope="col">Id</th>
@@ -28,7 +28,7 @@
                         <th scope="col" class="d-flex justify-content-end">Action</th>
                     </tr>
                 </thead>
-                <tbody class="">
+                <tbody class="w-auto">
                     @foreach (var item in Model)
                     {
                         <tr class="table-secondary">
diff --git a/Web/Areas/Admin/Views/Footer/Create.cshtml b/Web/Areas/Admin/Views/Footer/Create.cshtml
index a3301df..12630ec 100644
--- a/Web/Areas/Admin/Views/Footer/Create.cshtml
+++ b/Web/Areas/Admin/Views/Footer/Create.cshtml
@@ -82,7 +82,7 @@
                        
                       
                     </div>
-
+                    <hr />
                  @* 
                     <fieldset>
                         <legend>Select Social Media:</legend>
diff --git a/Web/Areas/Admin/Views/Footer/Delete.cshtml b/Web/Areas/Admin/Views/Footer/Delete.cshtml
new file mode 100644
index 0000000..b734b4b
--- /dev/null
+++ b/Web/Areas/Admin/Views/Footer/Delete.cshtml
@@ -0,0 +1,175 @@
+@model FooterDeleteViewModel
+
+@{
+    ViewData["Title"] = "Delete";
+}
+
+<div class="container mt-4">
+    <div class="card justify-content-center">
+        <div class="card-body">
+            <h5 class="card-title">Delete banner</h5>
+            <h6 class="text-danger">Are you sure you want to delete the <span class="badge bg-danger">@Model.Title</span></h6>
+
+            <div class="row ">
+                <!-- 12 columns for textboxes -->
+
+                <form asp-action="Delete">
+                    <div asp-validation-summary="All" class="text-danger"></div>
+
+                    <div class="mb-3 col-12">
+                        <label asp-for="Title" class="control-label"></label>
+                        <input asp-for="Title" class="form-control" disabled />
+                        <span asp-validation-for="Title" class="text-danger"></span>
+                    </div>
+                    <div class="mb-3 col-12">
+                        <label asp-for="Name" class="control-label"></label>
+                        <input asp-for="Name" class="form-control" disabled />
+                        <span asp-validation-for="Name" class="text-danger"></span>
+                    </div>
+                    <div class="mb-3 col-12">
+                        <label asp-for="Owner" class="control-label"></label>
+                        <input asp-for="Owner" class="form-control" disabled />
+                        <span asp-validation-for="Owner" class="text-danger"></span>
+                    </div>
+                    <div class="mb-3 col-12">
+                        <label asp-for="Content" class="control-label"></label>
+                        <textarea asp-for="Content" disabled></textarea>
+                        <span asp-validation-for="Content" class="text-danger"></span>
+                    </div>
+                    <div class="mb-3 col-12">
+                        <label asp-for="UpdatedBy" class="control-label"></label>
+                        <input asp-for="UpdatedBy" class="form-control" disabled />
+                        <span asp-validation-for="UpdatedBy" class="text-danger"></span>
+                    </div>
+                    <div class="mb-3 col-12">
+                        <label asp-for="CreatedBy" class="control-label"></label>
+                        <input asp-for="CreatedBy" class="form-control" disabled />
+                        <span asp-validation-for="CreatedBy" class="text-danger"></span>
+                    </div>
+                    <div class="mb-3 col-12">
+                        <label asp-for="LastUpdated" class="control-label"></label>
+                        <input asp-for="LastUpdated" class="form-control" disabled />
+                        <span asp-validation-for="LastUpdated" class="text-danger"></span>
+                    </div>
+                    <div class="mb-3 col-12">
+                        <label asp-for="Sitecopyright" class="control-label"></label>
+                        <input asp-for="Sitecopyright" class="form-control" disabled />
+                        <span asp-validation-for="Sitecopyright" class="text-danger"></span>
+                    </div>
+                    <div class="mb-3 col-12">
+                        <label asp-for="ImageUlr" class="control-label"></label>
+                        <input asp-for="ImageUlr" class="form-control" disabled />
+                        <span asp-validation-for="ImageUlr" class="text-danger"></span>
+                    </div>
+                    <div>
+                        <fieldset>
+                            <legend>Selected Social Media:</legend>
+                            @foreach (var option in Model.SocialMediaOptions)
+                            {
+                                <input type="checkbox" name="SelectedSocialMediaIds" disabled value="@option.Value" @(option.Selected ? "checked" : "")>
+                                @option.Text
+                                <br>
+                            }
+
+                        </fieldset>
+                        <hr />
+
+
+                    </div>
+                    <div class="mb-3">
+                        <input type="submit" value="Delete" class="btn btn-outline-primary" /> |  <a asp-action="Index" class="btn btn-primary">Back to list</a>
+                    </div>
+
+                </form>
+            </div>
+        </div>
+    </div>
+</div>
+
+
+@section Scripts {
+
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/ckeditor/4.11.4/ckeditor.js"></script>
+    <script>
+        CKEDITOR.replace("Content");
+    </script>
+    @{
+        <partial name="_ValidationScriptsPartial" />
+    }
+}
+
+
+<h3>Are you sure you want to delete @Model.Title</h3>
+
+
+<div>
+    <h4>FooterDeleteViewModel</h4>
+    <hr />
+    <dl class="row">
+        <dt class = "col-sm-2">
+            @Html.DisplayNameFor(model => model.Id)
+        </dt>
+        <dd class = "col-sm-10">
+            @Html.DisplayFor(model => model.Id)
+        </dd>
+        <dt class = "col-sm-2">
+            @Html.DisplayNameFor(model => model.Title)
+        </dt>
+        <dd class = "col-sm-10">
+            @Html.DisplayFor(model => model.Title)
+        </dd>
+        <dt class = "col-sm-2">
+            @Html.DisplayNameFor(model => model.Name)
+        </dt>
+        <dd class = "col-sm-10">
+            @Html.DisplayFor(model => model.Name)
+        </dd>
+        <dt class = "col-sm-2">
+            @Html.DisplayNameFor(model => model.Owner)
+        </dt>
+        <dd class = "col-sm-10">
+            @Html.DisplayFor(model => model.Owner)
+        </dd>
+        <dt class = "col-sm-2">
+            @Html.DisplayNameFor(model => model.Content)
+        </dt>
+        <dd class = "col-sm-10">
+            @Html.DisplayFor(model => model.Content)
+        </dd>
+        <dt class = "col-sm-2">
+            @Html.DisplayNameFor(model => model.CreatedBy)
+        </dt>
+        <dd class = "col-sm-10">
+            @Html.DisplayFor(model => model.CreatedBy)
+        </dd>
+        <dt class = "col-sm-2">
+            @Html.DisplayNameFor(model => model.UpdatedBy)
+        </dt>
+        <dd class = "col-sm-10">
+            @Html.DisplayFor(model => model.UpdatedBy)
+        </dd>
+        <dt class = "col-sm-2">
+            @Html.DisplayNameFor(model => model.LastUpdated)
+        </dt>
+        <dd class = "col-sm-10">
+            @Html.DisplayFor(model => model.LastUpdated)
+        </dd>
+        <dt class = "col-sm-2">
+            @Html.DisplayNameFor(model => model.ImageUlr)
+        </dt>
+        <dd class = "col-sm-10">
+            @Html.DisplayFor(model => model.ImageUlr)
+        </dd>
+        <dt class = "col-sm-2">
+            @Html.DisplayNameFor(model => model.Sitecopyright)
+        </dt>
+        <dd class = "col-sm-10">
+            @Html.DisplayFor(model => model.Sitecopyright)
+        </dd>
+    </dl>
+    
+    <form asp-action="Delete">
+        <input type="submit" value="Delete" class="btn btn-danger" /> |
+        <a asp-action="Index">Back to List</a>
+    </form>
+</div>
diff --git a/Web/Areas/Admin/Views/Footer/Edit.cshtml b/Web/Areas/Admin/Views/Footer/Edit.cshtml
new file mode 100644
index 0000000..072c5a0
--- /dev/null
+++ b/Web/Areas/Admin/Views/Footer/Edit.cshtml
@@ -0,0 +1,106 @@
+@model FooterEditViewModel
+
+@{
+    ViewData["Title"] = "Edit";
+}
+
+
+
+
+
+
+<div class="container mt-4">
+    <div class="card justify-content-center">
+        <div class="card-body">
+            <h5 class="card-title">Update banner</h5>
+
+            <div class="row ">
+                <!-- 12 columns for textboxes -->
+
+                <form asp-action="Edit">
+                    <div asp-validation-summary="All" class="text-danger"></div>
+
+                    <div class="mb-3 col-12">
+                        <label asp-for="Title" class="control-label"></label>
+                        <input asp-for="Title" class="form-control" />
+                        <span asp-validation-for="Title" class="text-danger"></span>
+                    </div>
+                    <div class="mb-3 col-12">
+                        <label asp-for="Name" class="control-label"></label>
+                        <input asp-for="Name" class="form-control" />
+                        <span asp-validation-for="Name" class="text-danger"></span>
+                    </div>
+                    <div class="mb-3 col-12">
+                        <label asp-for="Content" class="control-label"></label>
+                        <textarea asp-for="Content"></textarea>
+                        <span asp-validation-for="Content" class="text-danger"></span>
+                    </div>
+                    <div class="mb-3 col-12">
+                        <label asp-for="Owner" class="control-label"></label>
+                        <input asp-for="Owner" class="form-control" />
+                        <span asp-validation-for="Owner" class="text-danger"></span>
+                    </div>
+                    <div class="mb-3 col-12">
+                        <label asp-for="CreatedBy" class="control-label"></label>
+                        <input asp-for="CreatedBy" class="form-control" />
+                        <span asp-validation-for="CreatedBy" class="text-danger"></span>
+                    </div>
+                    <div class="mb-3 col-12">
+                        <label asp-for="UpdatedBy" class="control-label"></label>
+                        <input asp-for="UpdatedBy" class="form-control" />
+                        <span asp-validation-for="UpdatedBy" class="text-danger"></span>
+                    </div>
+                    <div class="mb-3 col-12">
+                        <label asp-for="LastUpdated" class="control-label"></label>
+                        <input asp-for="LastUpdated" class="form-control" />
+                        <span asp-validation-for="LastUpdated" class="text-danger"></span>
+                    </div>
+                    <div class="mb-3 col-12">
+                        <label asp-for="ImageUlr" class="control-label"></label>
+                        <input asp-for="ImageUlr" class="form-control" />
+                        <span asp-validation-for="ImageUlr" class="text-danger"></span>
+                    </div>
+                    <div class="mb-3 col-12">
+                        <label asp-for="Sitecopyright" class="control-label"></label>
+                        <input asp-for="Sitecopyright" class="form-control" />
+                        <span asp-validation-for="Sitecopyright" class="text-danger"></span>
+                    </div>
+
+                    <div>
+                        <fieldset>
+                            <legend>Select Social Media:</legend>
+                            @foreach (var option in Model.SocialMediaOptions)
+                            {
+                                <input type="checkbox" name="SelectedSocialMediaIds" value="@option.Value" @(option.Selected ? "checked" : "")>
+                                @option.Text
+                                <br>
+                            }
+                         
+                        </fieldset>
+                        <hr />
+
+
+                    </div>
+                    <div class="mb-3">
+                        <input type="submit" value="Update" class="btn btn-outline-primary" /> |  <a asp-action="Index" class="btn btn-primary">Back to list</a>
+                    </div>
+
+
+                </form>
+            </div>
+        </div>
+    </div>
+</div>
+
+
+@section Scripts {
+
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/ckeditor/4.11.4/ckeditor.js"></script>
+    <script>
+        CKEDITOR.replace("Content");
+    </script>
+    @{
+        <partial name="_ValidationScriptsPartial" />
+    }
+}
+
diff --git a/Web/Areas/Admin/Views/Footer/Index.cshtml b/Web/Areas/Admin/Views/Footer/Index.cshtml
index 3805b7f..9223715 100644
--- a/Web/Areas/Admin/Views/Footer/Index.cshtml
+++ b/Web/Areas/Admin/Views/Footer/Index.cshtml
@@ -10,15 +10,15 @@
     <partial name="_Notification" />
 
     <div class="card bg-default mb-3 ">
-        <div class="card-header">Address</div>
+        <div class="card-header">Footers</div>
         <div class="card-body">
-            <h4 class="card-title">Address list</h4>
+            <h4 class="card-title">Footer list</h4>
             <p>
                 <a asp-action="Create" class="btn btn-primary">Create New</a>
             </p>
 
-            <table class="table table-hover table-responsive table-striped ">
-                <thead class="justify-content-center">
+            <table class="table table-responsive w-100 d-block d-md-table">
+                <thead class="w-auto">
                     <tr>
 
                         <th scope="col">Id</th>
@@ -32,7 +32,7 @@
                         <th scope="col" class="d-flex justify-content-end">Action</th>
                     </tr>
                 </thead>
-                <tbody class="justify-content-center">
+                <tbody class="w-auto">
                     @foreach (var item in Model)
                     {
                         <tr class=" table-secondary">
@@ -50,7 +50,7 @@
                                         @foreach (var option in item.SocialMediaOptions)
                                         {
                                         <input type="checkbox" name="SelectedSocialMediaIds" value="@option.Value" disabled
-                                            @(item.SelectedSocialMediaIds != null && item.SelectedSocialMediaIds.Contains(int.Parse(option.Value)) ? "checked" : "unchecked")>
+                                            @(item.SelectedSocialMediaIds != null && item.SelectedSocialMediaIds.Contains(int.Parse(option.Value)) ? "checked":"")>
                                             @option.Text
 
                                         <br>
diff --git a/Web/Areas/Admin/Views/Questionnaire/Create.cshtml b/Web/Areas/Admin/Views/Questionnaire/Create.cshtml
new file mode 100644
index 0000000..a4b9f64
--- /dev/null
+++ b/Web/Areas/Admin/Views/Questionnaire/Create.cshtml
@@ -0,0 +1,108 @@
+@model Web.ViewModel.QuestionnaireVM.QuestionnaireViewModel
+
+@{
+    ViewData["Title"] = "Create";
+}
+<div class="container mt-4">
+    <div class="card justify-content-center">
+        <div class="card-body">
+            <h5 class="card-title">Create Survey</h5>
+
+            <div class="row ">
+                <!-- 12 columns for textboxes -->
+
+                <form asp-action="Create" asp-controller="Questionnaire">
+                    <div asp-validation-summary="All" class="text-danger"></div>
+
+                    <div class="mb-3 col-12">
+                        <label asp-for="Title" class="control-label"></label>
+                        <input asp-for="Title" class="form-control" />
+                        <span asp-validation-for="Title" class="text-danger"></span>
+                    </div>
+                    <div class="mb-3 col-12">
+                        <label asp-for="Description" class="control-label"></label>
+                        <input asp-for="Description" class="form-control" />
+                        <span asp-validation-for="Description" class="text-danger"></span>
+                    </div>
+                   <div class="container">
+                        <div id="questions-container">
+                            <h3>Create Questions</h3>
+                            <div class="form-group">
+                                @for (int i = 0; i < Model.Questions?.Count; i++)
+                                {
+                                    <div class="question-group">
+                                        <label>Question @(i + 1)</label>
+                                        <textarea name="Questions[@i].Text" class="form-control">@Model.Questions[i].Text</textarea>
+                                        <br />
+                                        <br />
+                                        <div class="mt-5">
+
+                                            <select name="Questions[@i].Type" class="form-control question-type">
+
+                                                <option value="">Select Question Type</option>
+                                                @foreach (var questionType in ViewBag.QuestionTypes)
+                                                {
+                                                    <option value="@questionType.Value">@questionType.Text</option>
+                                                    <option value="">Select Question Type</option>
+                                                }
+                                            </select>
+                                        </div>
+
+
+
+                                    </div>
+                                }
+                            </div>
+
+
+                        </div>
+                        <button type="button" class="btn btn-primary" id="add-question">Add Question</button> |
+                        <button type="submit" class="btn btn-primary">Submit</button>
+                        | <a asp-action="Index" class="btn btn-info">Back to list</a>
+                   </div>
+                  
+                   
+                </form>
+            </div>
+        </div>
+    </div>
+</div>
+<hr />
+
+
+
+
+@section Scripts {
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/ckeditor/4.11.4/ckeditor.js"></script>
+    <script>
+        CKEDITOR.replace("Questions");
+    </script>
+    @{
+        <partial name="_ValidationScriptsPartial" />
+    }
+    <script>
+        $(document).ready(function () {
+            var questionCounter = @Model.Questions?.Count;
+
+            $("#add-question").on("click", function () {
+                var newQuestionHtml = '<div class="form-group">' +
+                    '<label>Question ' + (++questionCounter) + '</label>' +
+                    '<textarea type="text" name="Questions[' + questionCounter + '].Text" class="form-control"></textarea>' +'<br>' +
+                    '<select name="Questions[' + questionCounter + '].Type" class="form-control">';
+
+                newQuestionHtml += '<option value="">Select Question Type</option>';
+                  
+
+        @foreach (var questionType in ViewBag.QuestionTypes)
+        {
+            @:newQuestionHtml += '<option value="@questionType.Value">@questionType.Text</option>';
+        }
+
+                    newQuestionHtml += '</select></div>';
+
+                $("#questions-container").append(newQuestionHtml);
+            });
+        });
+    </script>
+
+    }
\ No newline at end of file
diff --git a/Web/Areas/Admin/Views/Questionnaire/Index.cshtml b/Web/Areas/Admin/Views/Questionnaire/Index.cshtml
new file mode 100644
index 0000000..bc847c9
--- /dev/null
+++ b/Web/Areas/Admin/Views/Questionnaire/Index.cshtml
@@ -0,0 +1,47 @@
+@model IEnumerable<Web.ViewModel.QuestionnaireVM.QuestionnaireViewModel>
+
+@{
+    ViewData["Title"] = "Index";
+}
+
+<h1>Index</h1>
+
+<p>
+    <a asp-action="Create">Create New</a>
+</p>
+<table class="table">
+    <thead>
+        <tr>
+            <th>
+                @Html.DisplayNameFor(model => model.Id)
+            </th>
+            <th>
+                @Html.DisplayNameFor(model => model.Title)
+            </th>
+            <th>
+                @Html.DisplayNameFor(model => model.Description)
+            </th>
+            <th></th>
+        </tr>
+    </thead>
+    <tbody>
+@foreach (var item in Model) {
+        <tr>
+            <td>
+                @Html.DisplayFor(modelItem => item.Id)
+            </td>
+            <td>
+                @Html.DisplayFor(modelItem => item.Title)
+            </td>
+            <td>
+                @Html.DisplayFor(modelItem => item.Description)
+            </td>
+            <td>
+                @Html.ActionLink("Edit", "Edit", new { /* id=item.PrimaryKey */ }) |
+                @Html.ActionLink("Details", "Details", new { /* id=item.PrimaryKey */ }) |
+                @Html.ActionLink("Delete", "Delete", new { /* id=item.PrimaryKey */ })
+            </td>
+        </tr>
+}
+    </tbody>
+</table>
diff --git a/Web/Areas/Admin/Views/Shared/_AdminLayout.cshtml b/Web/Areas/Admin/Views/Shared/_AdminLayout.cshtml
index 4e49e0e..684a230 100644
--- a/Web/Areas/Admin/Views/Shared/_AdminLayout.cshtml
+++ b/Web/Areas/Admin/Views/Shared/_AdminLayout.cshtml
@@ -35,6 +35,10 @@
                 <li>
                     <a asp-controller="SocialMedia" asp-action="index"><span class="bi bi-collection-play-fill"></span> Social Media</a>
                 </li>
+                <li>
+             
+                    <a asp-controller="Questionnaire" asp-action="index"><span class="bi bi-question-circle"></span> Survey</a>
+                </li>
             </ul>
 
            
diff --git a/Web/Areas/Admin/Views/SocialMedia/Index.cshtml b/Web/Areas/Admin/Views/SocialMedia/Index.cshtml
index 60809ad..4e2beb8 100644
--- a/Web/Areas/Admin/Views/SocialMedia/Index.cshtml
+++ b/Web/Areas/Admin/Views/SocialMedia/Index.cshtml
@@ -17,8 +17,8 @@
                 <a asp-action="Create" class="btn btn-primary">Create New</a>
             </p>
 
-            <table class="table table-hover table-responsive table-striped ">
-                <thead>
+            <table class="table table-responsive w-100 d-block d-md-table">
+                <thead class="w-auto">
                     <tr>
 
                         <th scope="col">Id</th>
@@ -27,7 +27,7 @@
                         <th scope="col" class="d-flex justify-content-end">Action</th>
                     </tr>
                 </thead>
-                <tbody class="justify-content-center">
+                <tbody class="w-auto">
                     @foreach (var item in Model)
                     {
                         <tr class="table-secondary">
diff --git a/Web/Areas/Admin/Views/_ViewImports.cshtml b/Web/Areas/Admin/Views/_ViewImports.cshtml
index 0fca800..7663194 100644
--- a/Web/Areas/Admin/Views/_ViewImports.cshtml
+++ b/Web/Areas/Admin/Views/_ViewImports.cshtml
@@ -5,4 +5,5 @@
 @using Web.ViewModel.BannerVM
 @using Web.ViewModel.FooterVm
 @using Web.ViewModel.SocialMediaVM
+@using Web.ViewModel.QuestionnaireVM
 @addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
diff --git a/Web/Extesions/ServicesExtesions.cs b/Web/Extesions/ServicesExtesions.cs
index 40cd2ef..9c7de82 100644
--- a/Web/Extesions/ServicesExtesions.cs
+++ b/Web/Extesions/ServicesExtesions.cs
@@ -38,5 +38,9 @@ namespace Web.Extesions
         {
             services.AddScoped<IFooterRepository, FooterRepository>();
         }
+        public static void ConfigureQuestionnarie(this IServiceCollection services)
+        {
+            services.AddScoped<IQuestionnaireRepository, QuestionnaireRepository>();
+        }
     }
 }
diff --git a/Web/Migrations/20240307153635_SurveyModelsAdded.Designer.cs b/Web/Migrations/20240307153635_SurveyModelsAdded.Designer.cs
new file mode 100644
index 0000000..8f3f51d
--- /dev/null
+++ b/Web/Migrations/20240307153635_SurveyModelsAdded.Designer.cs
@@ -0,0 +1,371 @@
+// <auto-generated />
+using System;
+using Data;
+using Microsoft.EntityFrameworkCore;
+using Microsoft.EntityFrameworkCore.Infrastructure;
+using Microsoft.EntityFrameworkCore.Metadata;
+using Microsoft.EntityFrameworkCore.Migrations;
+using Microsoft.EntityFrameworkCore.Storage.ValueConversion;
+
+#nullable disable
+
+namespace Web.Migrations
+{
+    [DbContext(typeof(SurveyContext))]
+    [Migration("20240307153635_SurveyModelsAdded")]
+    partial class SurveyModelsAdded
+    {
+        /// <inheritdoc />
+        protected override void BuildTargetModel(ModelBuilder modelBuilder)
+        {
+#pragma warning disable 612, 618
+            modelBuilder
+                .HasAnnotation("ProductVersion", "8.0.2")
+                .HasAnnotation("Relational:MaxIdentifierLength", 128);
+
+            SqlServerModelBuilderExtensions.UseIdentityColumns(modelBuilder);
+
+            modelBuilder.Entity("Model.Address", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("int");
+
+                    SqlServerPropertyBuilderExtensions.UseIdentityColumn(b.Property<int>("Id"));
+
+                    b.Property<string>("CVR")
+                        .HasColumnType("nvarchar(max)");
+
+                    b.Property<string>("City")
+                        .IsRequired()
+                        .HasColumnType("nvarchar(max)");
+
+                    b.Property<string>("Country")
+                        .IsRequired()
+                        .HasColumnType("nvarchar(max)");
+
+                    b.Property<string>("Email")
+                        .IsRequired()
+                        .HasColumnType("nvarchar(max)");
+
+                    b.Property<string>("Mobile")
+                        .IsRequired()
+                        .HasColumnType("nvarchar(max)");
+
+                    b.Property<string>("PostalCode")
+                        .IsRequired()
+                        .HasColumnType("nvarchar(max)");
+
+                    b.Property<string>("State")
+                        .HasColumnType("nvarchar(max)");
+
+                    b.Property<string>("Street")
+                        .IsRequired()
+                        .HasColumnType("nvarchar(max)");
+
+                    b.HasKey("Id");
+
+                    b.ToTable("Addresss");
+                });
+
+            modelBuilder.Entity("Model.Answer", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("int");
+
+                    SqlServerPropertyBuilderExtensions.UseIdentityColumn(b.Property<int>("Id"));
+
+                    b.Property<int>("QuestionId")
+                        .HasColumnType("int");
+
+                    b.Property<string>("Text")
+                        .HasColumnType("nvarchar(max)");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("QuestionId");
+
+                    b.ToTable("Answers");
+                });
+
+            modelBuilder.Entity("Model.Banner", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("int");
+
+                    SqlServerPropertyBuilderExtensions.UseIdentityColumn(b.Property<int>("Id"));
+
+                    b.Property<string>("Content")
+                        .IsRequired()
+                        .HasColumnType("nvarchar(max)");
+
+                    b.Property<string>("Description")
+                        .IsRequired()
+                        .HasColumnType("nvarchar(max)");
+
+                    b.Property<string>("ImageUrl")
+                        .IsRequired()
+                        .HasColumnType("nvarchar(max)");
+
+                    b.Property<string>("LinkUrl")
+                        .IsRequired()
+                        .HasColumnType("nvarchar(max)");
+
+                    b.Property<string>("Title")
+                        .IsRequired()
+                        .HasColumnType("nvarchar(max)");
+
+                    b.HasKey("Id");
+
+                    b.ToTable("Banners");
+                });
+
+            modelBuilder.Entity("Model.Footer", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("int");
+
+                    SqlServerPropertyBuilderExtensions.UseIdentityColumn(b.Property<int>("Id"));
+
+                    b.Property<string>("Content")
+                        .IsRequired()
+                        .HasColumnType("nvarchar(max)");
+
+                    b.Property<string>("CreatedBy")
+                        .IsRequired()
+                        .HasColumnType("nvarchar(max)");
+
+                    b.Property<string>("ImageUlr")
+                        .IsRequired()
+                        .HasColumnType("nvarchar(max)");
+
+                    b.Property<DateTime>("LastUpdated")
+                        .HasColumnType("datetime2");
+
+                    b.Property<string>("Name")
+                        .IsRequired()
+                        .HasColumnType("nvarchar(max)");
+
+                    b.Property<string>("Owner")
+                        .IsRequired()
+                        .HasColumnType("nvarchar(max)");
+
+                    b.Property<string>("Sitecopyright")
+                        .IsRequired()
+                        .HasColumnType("nvarchar(max)");
+
+                    b.Property<string>("Title")
+                        .IsRequired()
+                        .HasColumnType("nvarchar(max)");
+
+                    b.Property<string>("UpdatedBy")
+                        .IsRequired()
+                        .HasColumnType("nvarchar(max)");
+
+                    b.HasKey("Id");
+
+                    b.ToTable("Footers");
+                });
+
+            modelBuilder.Entity("Model.FooterSocialMedia", b =>
+                {
+                    b.Property<int>("FooterId")
+                        .HasColumnType("int");
+
+                    b.Property<int>("SocialId")
+                        .HasColumnType("int");
+
+                    b.HasKey("FooterId", "SocialId");
+
+                    b.HasIndex("SocialId");
+
+                    b.ToTable("FooterSocialMedias");
+                });
+
+            modelBuilder.Entity("Model.Page", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("int");
+
+                    SqlServerPropertyBuilderExtensions.UseIdentityColumn(b.Property<int>("Id"));
+
+                    b.Property<int>("BannerId")
+                        .HasColumnType("int");
+
+                    b.Property<string>("Content")
+                        .IsRequired()
+                        .HasColumnType("nvarchar(max)");
+
+                    b.Property<string>("Slug")
+                        .HasColumnType("nvarchar(max)");
+
+                    b.Property<string>("Title")
+                        .IsRequired()
+                        .HasColumnType("nvarchar(max)");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("BannerId");
+
+                    b.ToTable("Pages");
+                });
+
+            modelBuilder.Entity("Model.Question", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("int");
+
+                    SqlServerPropertyBuilderExtensions.UseIdentityColumn(b.Property<int>("Id"));
+
+                    b.Property<int>("QuestionnaireId")
+                        .HasColumnType("int");
+
+                    b.Property<string>("Text")
+                        .HasColumnType("nvarchar(max)");
+
+                    b.Property<int>("Type")
+                        .HasColumnType("int");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("QuestionnaireId");
+
+                    b.ToTable("Questions");
+                });
+
+            modelBuilder.Entity("Model.QuestionTypeEntities", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("int");
+
+                    SqlServerPropertyBuilderExtensions.UseIdentityColumn(b.Property<int>("Id"));
+
+                    b.Property<int>("Type")
+                        .HasColumnType("int");
+
+                    b.HasKey("Id");
+
+                    b.ToTable("QuestionTypeEntities");
+                });
+
+            modelBuilder.Entity("Model.Questionnaire", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("int");
+
+                    SqlServerPropertyBuilderExtensions.UseIdentityColumn(b.Property<int>("Id"));
+
+                    b.Property<string>("Description")
+                        .HasColumnType("nvarchar(max)");
+
+                    b.Property<string>("Title")
+                        .HasColumnType("nvarchar(max)");
+
+                    b.HasKey("Id");
+
+                    b.ToTable("Questionnaires");
+                });
+
+            modelBuilder.Entity("Model.SocialMedia", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("int");
+
+                    SqlServerPropertyBuilderExtensions.UseIdentityColumn(b.Property<int>("Id"));
+
+                    b.Property<string>("Name")
+                        .IsRequired()
+                        .HasColumnType("nvarchar(max)");
+
+                    b.Property<string>("Url")
+                        .IsRequired()
+                        .HasColumnType("nvarchar(max)");
+
+                    b.HasKey("Id");
+
+                    b.ToTable("SocialMedia");
+                });
+
+            modelBuilder.Entity("Model.Answer", b =>
+                {
+                    b.HasOne("Model.Question", "Question")
+                        .WithMany("Answers")
+                        .HasForeignKey("QuestionId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+
+                    b.Navigation("Question");
+                });
+
+            modelBuilder.Entity("Model.FooterSocialMedia", b =>
+                {
+                    b.HasOne("Model.Footer", "Footer")
+                        .WithMany("FooterSocialMedias")
+                        .HasForeignKey("FooterId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+
+                    b.HasOne("Model.SocialMedia", "SocialMedia")
+                        .WithMany("FooterSocialMedias")
+                        .HasForeignKey("SocialId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+
+                    b.Navigation("Footer");
+
+                    b.Navigation("SocialMedia");
+                });
+
+            modelBuilder.Entity("Model.Page", b =>
+                {
+                    b.HasOne("Model.Banner", "banner")
+                        .WithMany()
+                        .HasForeignKey("BannerId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+
+                    b.Navigation("banner");
+                });
+
+            modelBuilder.Entity("Model.Question", b =>
+                {
+                    b.HasOne("Model.Questionnaire", "Questionnaire")
+                        .WithMany("Questions")
+                        .HasForeignKey("QuestionnaireId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+
+                    b.Navigation("Questionnaire");
+                });
+
+            modelBuilder.Entity("Model.Footer", b =>
+                {
+                    b.Navigation("FooterSocialMedias");
+                });
+
+            modelBuilder.Entity("Model.Question", b =>
+                {
+                    b.Navigation("Answers");
+                });
+
+            modelBuilder.Entity("Model.Questionnaire", b =>
+                {
+                    b.Navigation("Questions");
+                });
+
+            modelBuilder.Entity("Model.SocialMedia", b =>
+                {
+                    b.Navigation("FooterSocialMedias");
+                });
+#pragma warning restore 612, 618
+        }
+    }
+}
diff --git a/Web/Migrations/20240307153635_SurveyModelsAdded.cs b/Web/Migrations/20240307153635_SurveyModelsAdded.cs
new file mode 100644
index 0000000..e604974
--- /dev/null
+++ b/Web/Migrations/20240307153635_SurveyModelsAdded.cs
@@ -0,0 +1,108 @@
+using Microsoft.EntityFrameworkCore.Migrations;
+
+#nullable disable
+
+namespace Web.Migrations
+{
+    /// <inheritdoc />
+    public partial class SurveyModelsAdded : Migration
+    {
+        /// <inheritdoc />
+        protected override void Up(MigrationBuilder migrationBuilder)
+        {
+            migrationBuilder.CreateTable(
+                name: "Questionnaires",
+                columns: table => new
+                {
+                    Id = table.Column<int>(type: "int", nullable: false)
+                        .Annotation("SqlServer:Identity", "1, 1"),
+                    Title = table.Column<string>(type: "nvarchar(max)", nullable: true),
+                    Description = table.Column<string>(type: "nvarchar(max)", nullable: true)
+                },
+                constraints: table =>
+                {
+                    table.PrimaryKey("PK_Questionnaires", x => x.Id);
+                });
+
+            migrationBuilder.CreateTable(
+                name: "QuestionTypeEntities",
+                columns: table => new
+                {
+                    Id = table.Column<int>(type: "int", nullable: false)
+                        .Annotation("SqlServer:Identity", "1, 1"),
+                    Type = table.Column<int>(type: "int", nullable: false)
+                },
+                constraints: table =>
+                {
+                    table.PrimaryKey("PK_QuestionTypeEntities", x => x.Id);
+                });
+
+            migrationBuilder.CreateTable(
+                name: "Questions",
+                columns: table => new
+                {
+                    Id = table.Column<int>(type: "int", nullable: false)
+                        .Annotation("SqlServer:Identity", "1, 1"),
+                    Text = table.Column<string>(type: "nvarchar(max)", nullable: true),
+                    Type = table.Column<int>(type: "int", nullable: false),
+                    QuestionnaireId = table.Column<int>(type: "int", nullable: false)
+                },
+                constraints: table =>
+                {
+                    table.PrimaryKey("PK_Questions", x => x.Id);
+                    table.ForeignKey(
+                        name: "FK_Questions_Questionnaires_QuestionnaireId",
+                        column: x => x.QuestionnaireId,
+                        principalTable: "Questionnaires",
+                        principalColumn: "Id",
+                        onDelete: ReferentialAction.Cascade);
+                });
+
+            migrationBuilder.CreateTable(
+                name: "Answers",
+                columns: table => new
+                {
+                    Id = table.Column<int>(type: "int", nullable: false)
+                        .Annotation("SqlServer:Identity", "1, 1"),
+                    Text = table.Column<string>(type: "nvarchar(max)", nullable: true),
+                    QuestionId = table.Column<int>(type: "int", nullable: false)
+                },
+                constraints: table =>
+                {
+                    table.PrimaryKey("PK_Answers", x => x.Id);
+                    table.ForeignKey(
+                        name: "FK_Answers_Questions_QuestionId",
+                        column: x => x.QuestionId,
+                        principalTable: "Questions",
+                        principalColumn: "Id",
+                        onDelete: ReferentialAction.Cascade);
+                });
+
+            migrationBuilder.CreateIndex(
+                name: "IX_Answers_QuestionId",
+                table: "Answers",
+                column: "QuestionId");
+
+            migrationBuilder.CreateIndex(
+                name: "IX_Questions_QuestionnaireId",
+                table: "Questions",
+                column: "QuestionnaireId");
+        }
+
+        /// <inheritdoc />
+        protected override void Down(MigrationBuilder migrationBuilder)
+        {
+            migrationBuilder.DropTable(
+                name: "Answers");
+
+            migrationBuilder.DropTable(
+                name: "QuestionTypeEntities");
+
+            migrationBuilder.DropTable(
+                name: "Questions");
+
+            migrationBuilder.DropTable(
+                name: "Questionnaires");
+        }
+    }
+}
diff --git a/Web/Migrations/SurveyContextModelSnapshot.cs b/Web/Migrations/SurveyContextModelSnapshot.cs
index a4b3ece..5fa25d5 100644
--- a/Web/Migrations/SurveyContextModelSnapshot.cs
+++ b/Web/Migrations/SurveyContextModelSnapshot.cs
@@ -65,6 +65,27 @@ namespace Web.Migrations
                     b.ToTable("Addresss");
                 });
 
+            modelBuilder.Entity("Model.Answer", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("int");
+
+                    SqlServerPropertyBuilderExtensions.UseIdentityColumn(b.Property<int>("Id"));
+
+                    b.Property<int>("QuestionId")
+                        .HasColumnType("int");
+
+                    b.Property<string>("Text")
+                        .HasColumnType("nvarchar(max)");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("QuestionId");
+
+                    b.ToTable("Answers");
+                });
+
             modelBuilder.Entity("Model.Banner", b =>
                 {
                     b.Property<int>("Id")
@@ -190,6 +211,65 @@ namespace Web.Migrations
                     b.ToTable("Pages");
                 });
 
+            modelBuilder.Entity("Model.Question", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("int");
+
+                    SqlServerPropertyBuilderExtensions.UseIdentityColumn(b.Property<int>("Id"));
+
+                    b.Property<int>("QuestionnaireId")
+                        .HasColumnType("int");
+
+                    b.Property<string>("Text")
+                        .HasColumnType("nvarchar(max)");
+
+                    b.Property<int>("Type")
+                        .HasColumnType("int");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("QuestionnaireId");
+
+                    b.ToTable("Questions");
+                });
+
+            modelBuilder.Entity("Model.QuestionTypeEntities", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("int");
+
+                    SqlServerPropertyBuilderExtensions.UseIdentityColumn(b.Property<int>("Id"));
+
+                    b.Property<int>("Type")
+                        .HasColumnType("int");
+
+                    b.HasKey("Id");
+
+                    b.ToTable("QuestionTypeEntities");
+                });
+
+            modelBuilder.Entity("Model.Questionnaire", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("int");
+
+                    SqlServerPropertyBuilderExtensions.UseIdentityColumn(b.Property<int>("Id"));
+
+                    b.Property<string>("Description")
+                        .HasColumnType("nvarchar(max)");
+
+                    b.Property<string>("Title")
+                        .HasColumnType("nvarchar(max)");
+
+                    b.HasKey("Id");
+
+                    b.ToTable("Questionnaires");
+                });
+
             modelBuilder.Entity("Model.SocialMedia", b =>
                 {
                     b.Property<int>("Id")
@@ -211,6 +291,17 @@ namespace Web.Migrations
                     b.ToTable("SocialMedia");
                 });
 
+            modelBuilder.Entity("Model.Answer", b =>
+                {
+                    b.HasOne("Model.Question", "Question")
+                        .WithMany("Answers")
+                        .HasForeignKey("QuestionId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+
+                    b.Navigation("Question");
+                });
+
             modelBuilder.Entity("Model.FooterSocialMedia", b =>
                 {
                     b.HasOne("Model.Footer", "Footer")
@@ -241,11 +332,32 @@ namespace Web.Migrations
                     b.Navigation("banner");
                 });
 
+            modelBuilder.Entity("Model.Question", b =>
+                {
+                    b.HasOne("Model.Questionnaire", "Questionnaire")
+                        .WithMany("Questions")
+                        .HasForeignKey("QuestionnaireId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+
+                    b.Navigation("Questionnaire");
+                });
+
             modelBuilder.Entity("Model.Footer", b =>
                 {
                     b.Navigation("FooterSocialMedias");
                 });
 
+            modelBuilder.Entity("Model.Question", b =>
+                {
+                    b.Navigation("Answers");
+                });
+
+            modelBuilder.Entity("Model.Questionnaire", b =>
+                {
+                    b.Navigation("Questions");
+                });
+
             modelBuilder.Entity("Model.SocialMedia", b =>
                 {
                     b.Navigation("FooterSocialMedias");
diff --git a/Web/Program.cs b/Web/Program.cs
index 3020498..5fb33d4 100644
--- a/Web/Program.cs
+++ b/Web/Program.cs
@@ -1,3 +1,4 @@
+using Data;
 using Microsoft.AspNetCore.Mvc.Razor;
 using Microsoft.Extensions.DependencyInjection;
 using Services.Implemnetation;
@@ -17,7 +18,8 @@ builder.Services.ConfigureBannerServices();
 builder.Services.ConfigureAddress();
 builder.Services.ConfigureSocialMedia();
 builder.Services.ConfigureFooter();
-
+builder.Services.ConfigureQuestionnarie();
+//builder.Services.AddScoped<SurveyContext>();
 
 var app = builder.Build();
 
diff --git a/Web/ViewModel/FooterVm/FooterDeleteViewModel.cs b/Web/ViewModel/FooterVm/FooterDeleteViewModel.cs
new file mode 100644
index 0000000..d199afa
--- /dev/null
+++ b/Web/ViewModel/FooterVm/FooterDeleteViewModel.cs
@@ -0,0 +1,43 @@
+using Microsoft.AspNetCore.Mvc.Rendering;
+using System.ComponentModel.DataAnnotations;
+using System.ComponentModel;
+
+namespace Web.ViewModel.FooterVm
+{
+    public class FooterDeleteViewModel
+    {
+        public FooterDeleteViewModel()
+        {
+            SocialMediaOptions = new List<SelectListItem>();
+        }
+        public int Id { get; set; }
+        [Required]
+        public string? Title { get; set; }
+        [Required]
+        public string? Name { get; set; }
+
+        [Required]
+        public string? Owner { get; set; }
+
+        [Required]
+        public string? Content { get; set; }
+
+        [Required]
+        public string? CreatedBy { get; set; }
+        [Required]
+        public string? UpdatedBy { get; set; }
+
+        public DateTime LastUpdated { get; set; }
+        [Required]
+        [DataType(DataType.Url)]
+        [DisplayName("Image Url")]
+        public string? ImageUlr { get; set; }
+
+        [Required]
+        public string? Sitecopyright { get; set; }
+
+
+        public List<int>? SelectedSocialMediaIds { get; set; }
+        public List<SelectListItem>? SocialMediaOptions { get; set; }
+    }
+}
diff --git a/Web/ViewModel/FooterVm/FooterEditViewModel.cs b/Web/ViewModel/FooterVm/FooterEditViewModel.cs
new file mode 100644
index 0000000..244efe3
--- /dev/null
+++ b/Web/ViewModel/FooterVm/FooterEditViewModel.cs
@@ -0,0 +1,43 @@
+using Microsoft.AspNetCore.Mvc.Rendering;
+using System.ComponentModel.DataAnnotations;
+using System.ComponentModel;
+
+namespace Web.ViewModel.FooterVm
+{
+    public class FooterEditViewModel
+    {
+        public FooterEditViewModel()
+        {
+            SocialMediaOptions = new List<SelectListItem>();
+        }
+        public int Id { get; set; }
+        [Required]
+        public string? Title { get; set; }
+        [Required]
+        public string? Name { get; set; }
+
+        [Required]
+        public string? Owner { get; set; }
+
+        [Required]
+        public string? Content { get; set; }
+
+        [Required]
+        public string? CreatedBy { get; set; }
+        [Required]
+        public string? UpdatedBy { get; set; }
+
+        public DateTime LastUpdated { get; set; }
+        [Required]
+        [DataType(DataType.Url)]
+        [DisplayName("Image Url")]
+        public string? ImageUlr { get; set; }
+
+        [Required]
+        public string? Sitecopyright { get; set; }
+
+
+        public List<int>? SelectedSocialMediaIds { get; set; }
+        public List<SelectListItem>? SocialMediaOptions { get; set; }
+    }
+}
diff --git a/Web/ViewModel/FooterVm/InserFooterViewModel.cs b/Web/ViewModel/FooterVm/InserFooterViewModel.cs
index fe2d54b..653ee03 100644
--- a/Web/ViewModel/FooterVm/InserFooterViewModel.cs
+++ b/Web/ViewModel/FooterVm/InserFooterViewModel.cs
@@ -8,10 +8,10 @@ namespace Web.ViewModel.FooterVm
 {
     public class InserFooterViewModel
     {
-        //public InserFooterViewModel()
-        //{
-        //    SocialMediaOptions = new List<SelectListItem>();
-        //}
+        public InserFooterViewModel()
+        {
+            SocialMediaOptions = new List<SelectListItem>();
+        }
         public int Id { get; set; }
         [Required]
         public string? Title { get; set; }
diff --git a/Web/ViewModel/QuestionnaireVM/QuestionnaireViewModel.cs b/Web/ViewModel/QuestionnaireVM/QuestionnaireViewModel.cs
new file mode 100644
index 0000000..94d0326
--- /dev/null
+++ b/Web/ViewModel/QuestionnaireVM/QuestionnaireViewModel.cs
@@ -0,0 +1,19 @@
+using Model;
+using System.ComponentModel.DataAnnotations;
+
+namespace Web.ViewModel.QuestionnaireVM
+{
+    public class QuestionnaireViewModel
+    {
+        public QuestionnaireViewModel()
+        {
+            Questions = new List<Question>();
+        }
+        public int Id { get; set; }
+        [Required]
+        public string? Title { get; set; }
+        [Required]
+        public string? Description { get; set; }
+        public List<Question>? Questions { get; set; }
+    }
+}
diff --git a/Web/wwwroot/css/site.css b/Web/wwwroot/css/site.css
index f8c5205..eacf892 100644
--- a/Web/wwwroot/css/site.css
+++ b/Web/wwwroot/css/site.css
@@ -35,6 +35,11 @@
     --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
 }
 
+
+.question-group {
+    margin-bottom: 20px; /* Adjust the value to control the spacing */
+}
+
 *,
 *::before,
 *::after {