diff --git a/Web/Areas/Admin/Controllers/NewslettersController.cs b/Web/Areas/Admin/Controllers/NewslettersController.cs
index 1d2450b..5223337 100644
--- a/Web/Areas/Admin/Controllers/NewslettersController.cs
+++ b/Web/Areas/Admin/Controllers/NewslettersController.cs
@@ -76,8 +76,69 @@ namespace Web.Areas.Admin.Controllers
                         foreach (var user in subscribedUsers)
                         {
                             string confirmationUrl = $"{Request.Scheme}://{Request.Host}/{confirmationPath}?email={user.Email}";
-                            string emailBody = $"<h4>Hey {user.Name}</h4><br>{viewModel.Body}<br><h5>Søren Eggert Lundsteen Olsen<br>Seosoft ApS</h5><hr><h6>Hovedgaden 3<br>Jordrup<br>Kolding 6064<br>Denmark</h6><br/><br/><div style='text-align: center;'><a href='{confirmationUrl}' style='display: inline-block; background-color: #6c757d; color: #fff; padding: 4px 8px; text-decoration: none; border-radius: 4px;'>Unsubscribe</a></div>";
-
+                        //string emailBody = $"<h4>Hey {user.Name}</h4><br>{viewModel.Body}<br><h5>Søren Eggert Lundsteen Olsen<br>Seosoft ApS</h5><hr><h6>Hovedgaden 3<br>Jordrup<br>Kolding 6064<br>Denmark</h6><br/><br/><div style='text-align: center;'><a href='{confirmationUrl}' style='display: inline-block; background-color: #6c757d; color: #fff; padding: 4px 8px; text-decoration: none; border-radius: 4px;'>Unsubscribe</a></div>";
+                        string emailBody = $@"<head>
+                                        <meta charset=""UTF-8"">
+                                        <meta name=""viewport"" content=""width=device-width, initial-scale=1.0"">
+                                        <title>Email Confirmation</title>
+                                        <style>
+                                            body {{
+                                                font-family: Arial, sans-serif;
+                                                line-height: 1.6;
+                                                margin: 0;
+                                                padding: 0;
+                                                background-color: #f9f9f9;
+                                            }}
+                                            .container {{
+                                                  max-width: 800px;
+                                                    margin: 0 auto;
+                                                    padding: 20px;
+                                                    border: 0.5px solid #ccc;
+                                                    border-radius: 5px;
+                                                    background-color: #f9f9f9;
+                                            }}
+                                            h4, h5, h6 {{
+                                                margin: 0;
+                                            }}
+                                            hr {{
+                                                border: none;
+                                                border-top: 1px solid #ccc;
+                                                margin: 10px 0;
+                                            }}
+                                            a.button {{
+                                                display: inline-block;
+                                                padding: 5px 10px;
+                                                background-color: #6c757d;
+                                                color: #fff;
+                                                text-decoration: none;
+                                                border-radius: 4px;
+                                            }}
+                                            a.button:hover {{
+                                                background-color: #5a6268;
+                                            }}
+                                                a {{
+                                                    color: #007bff;
+                                                    text-decoration: none;
+                                                }}
+                                                a:hover {{
+                                                    text-decoration: underline;
+                                                }}
+                                        </style>
+                                    </head>
+                                    <body>
+                                        <div class=""container"">
+                                            <h4>Hey {user.Name},</h4>
+                                            <p>{viewModel.Body}</p><br>
+                                         
+                                            <h5>Søren Eggert Lundsteen Olsen</h5>
+                                         <h5><a href=""https://www.seosoft.dk/"" target=""_blank"">SeoSoft ApS</a></h5>
+                                         <hr>
+                                            <h6>Hovedgaden 3<br>Jordrup<br>Kolding 6064<br>Denmark</h6>
+                                            <div style=""text-align: center;"">
+                                                <a href=""{confirmationUrl}"" class=""button"">Unsubscribe</a>
+                                            </div>
+                                        </div>
+                                    </body>";
                             var email = new EmailToSend(user.Email, viewModel.Subject, emailBody);
                             var isSent = await _emailServices.SendConfirmationEmailAsync(email);
 
diff --git a/Web/Areas/Admin/Controllers/QuestionnaireController.cs b/Web/Areas/Admin/Controllers/QuestionnaireController.cs
index 1dbe025..e341206 100644
--- a/Web/Areas/Admin/Controllers/QuestionnaireController.cs
+++ b/Web/Areas/Admin/Controllers/QuestionnaireController.cs
@@ -1,12 +1,15 @@
 ﻿using Data;
+using Mailjet.Client.Resources;
 using Microsoft.AspNetCore.Mvc;
 using Microsoft.AspNetCore.Mvc.Rendering;
+using Microsoft.AspNetCore.WebUtilities;
 using Microsoft.CodeAnalysis.CSharp.Syntax;
 using Microsoft.IdentityModel.Tokens;
 using Model;
-
+using Services.EmailSend;
 using Services.Interaces;
 using System.Security.Cryptography;
+using System.Text;
 using Web.ViewModel.QuestionnaireVM;
 
 
@@ -17,12 +20,16 @@ namespace Web.Areas.Admin.Controllers
         private readonly IQuestionnaireRepository _questionnaire;
         private readonly SurveyContext _context;
         private readonly IQuestionRepository _question;
+        private readonly IConfiguration _configuration;
+        private readonly IEmailServices _emailServices;
 
-        public QuestionnaireController(IQuestionnaireRepository Questionnaire, SurveyContext Context, IQuestionRepository Question)
+        public QuestionnaireController(IQuestionnaireRepository Questionnaire, SurveyContext Context, IQuestionRepository Question,IConfiguration configuration,IEmailServices emailServices)
         {
             _questionnaire = Questionnaire;
             _context = Context;
             _question = Question;
+            _configuration = configuration;
+            _emailServices = emailServices;
         }
         public IActionResult Index()
         {
@@ -435,5 +442,122 @@ namespace Web.Areas.Admin.Controllers
             return View(viewModel);
         }
 
+        [HttpGet]
+        public IActionResult SendQuestionnaire(int id)
+        {
+            var quesstionnaireFromDb = _questionnaire.GetQuestionnaireWithQuestionAndAnswer(id);
+            var sendquestionviewmodel = new SendQuestionnaireViewModel();
+
+            sendquestionviewmodel.QuestionnaireId = id;
+            ViewBag.questionnaireName = quesstionnaireFromDb.Title;
+
+            return View(sendquestionviewmodel);
+
+        }
+
+
+        [HttpPost]
+        public async Task<IActionResult> SendQuestionnaire(SendQuestionnaireViewModel viewModel)
+        {
+            if (ModelState.IsValid)
+            {
+                Guid guid = Guid.NewGuid();
+
+                // Convert the GUID to a string
+                string guidString = guid.ToString();
+
+                // Construct the complete URL with the GUID-style ID
+               
+
+                // Build the email body with questionnaire details
+                var questionnairePath = _configuration["Email:Questionnaire"];
+                int surveyId = viewModel.QuestionnaireId;
+
+                var completeUrl = $"{Request.Scheme}://{Request.Host}/{questionnairePath}/{viewModel.QuestionnaireId}";
+
+
+
+                var toEmail = viewModel.Email;
+                var question = _questionnaire.GetQuesById(viewModel.Id);
+
+                var subject = question.Title;
+
+                // Construct the email body with HTML formatting
+                string emailBody = $@"
+                                        <html>
+                                        <head>
+                                            <style>
+                                                /* Inline CSS styles */
+                                                body {{
+                                                    font-family: Arial, sans-serif;
+                                                }}
+                                                .container {{
+                                                    max-width: 600px;
+                                                    margin: 0 auto;
+                                                    padding: 20px;
+                                                    border: 0.5px solid #ccc;
+                                                    border-radius: 5px;
+                                                    background-color: #f9f9f9;
+                                                }}
+                                                .button {{
+                                                    display: inline-block;
+                                                    padding: 10px 20px;
+                                                    background-color: #007bff;
+                                                    color: #ffffff;
+                                                    text-decoration: none;
+                                                    border-radius: 4px;
+                                                }}
+                                                .button:hover {{
+                                                    background-color: #0056b3;
+                                                }}
+                                            </style>
+                                        </head>
+                                        <body>
+                                            <div class='container'>
+                                                <h4>Hey {viewModel.Name},</h4>
+                                                <h5>{subject}</h5>
+                                             <p>Thank you for participating in our survey. Your feedback is valuable to us.</p>
+                                               <p>Please click the button below to start the survey:</p><br>
+                                                     <div style='text-align: center;'>
+                                                    <a href='{completeUrl}' class='button'>Start Survey</a>
+                                                </div><br>
+                                                
+                                                <p><strong>Søren Eggert Lundsteen Olsen</strong><br>
+                                                Seosoft ApS<br>
+                                                <hr>
+                                                Hovedgaden 3
+                                                Jordrup<br>
+                                                Kolding 6064<br>
+                                                Denmark</p>
+
+                                            </div>
+                                        </body>
+                                        </html>";
+
+
+                // Call the SendConfirmationEmailAsync method to send the email
+                var emailSend = new EmailToSend(toEmail, subject, emailBody);
+
+                bool emailSent = await _emailServices.SendConfirmationEmailAsync(emailSend);
+
+                if (emailSent)
+                {
+                    // Email sent successfully
+                    // You can redirect to a success page or return a success message
+                    TempData["Success"] = "Questionnaire sent successfully";
+                    return RedirectToAction(nameof(Index));
+                }
+                else
+                {
+                    // Email failed to send
+                    // You can return an error message or handle it as needed
+                    ModelState.AddModelError(string.Empty, "Failed to send questionnaire via email.");
+                }
+            }
+
+            // If model state is not valid, return the view with validation errors
+            return View(viewModel);
+        }
+
     }
 }
diff --git a/Web/Areas/Admin/Views/Questionnaire/Index.cshtml b/Web/Areas/Admin/Views/Questionnaire/Index.cshtml
index 6131ab7..1b68b6e 100644
--- a/Web/Areas/Admin/Views/Questionnaire/Index.cshtml
+++ b/Web/Areas/Admin/Views/Questionnaire/Index.cshtml
@@ -88,12 +88,12 @@
                             <td class="d-flex justify-content-end">
                                 <a asp-action="Delete" asp-route-id="@item.Id" class="btn btn-danger btn-s"><i class="bi bi-trash"></i> Delete</a> |
                                 <a asp-action="Edit" asp-route-id="@item.Id" class="btn btn-primary"><i class="bi bi-pencil-square"></i> Edit</a>|
-                                <a asp-action="Details" asp-route-id="@item.Id" class="btn btn-info btn-s"><i class="bi bi-pencil-square"></i> Details</a>
+                                <a asp-action="Details" asp-route-id="@item.Id" class="btn btn-info btn-s"><i class="bi bi-pencil-square"></i> Details</a> |
+                                <a asp-action="SendQuestionnaire" asp-route-id="@item.Id" class="btn btn-success btn-s"><i class="bi bi-pencil-square"></i> Send</a>
                             </td>
                         </tr>
                     }
 
-
                 </tbody>
             </table>
 
diff --git a/Web/Areas/Admin/Views/Questionnaire/SendQuestionnaire.cshtml b/Web/Areas/Admin/Views/Questionnaire/SendQuestionnaire.cshtml
new file mode 100644
index 0000000..ed1e4f3
--- /dev/null
+++ b/Web/Areas/Admin/Views/Questionnaire/SendQuestionnaire.cshtml
@@ -0,0 +1,46 @@
+﻿@model SendQuestionnaireViewModel
+
+@{
+    ViewData["Title"] = "Send";
+}
+
+
+
+<div class="container mt-4">
+    <div class="card justify-content-center p-4 shadow rounded">
+        <div class="card-body">
+            <h5 class="card-title h5">Send the questionnaire</h5>
+
+            <div class="row">
+                <form asp-action="SendQuestionnaire">
+                    <div asp-validation-summary="ModelOnly" class="text-danger"></div>
+                    <div class="form-group">
+                        <label asp-for="QuestionnaireId" class="control-label">Questionnaire</label> <!-- Display ViewBag data in the label -->
+                        <input type="text" class="form-control" value="@ViewBag.questionnaireName" disabled /> <!-- Display ViewBag data in the disabled textbox -->
+                        <span asp-validation-for="QuestionnaireId" class="text-danger"></span>
+
+                    </div>
+                    <div class="form-group">
+                        <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="form-group">
+                        <label asp-for="Email" class="control-label"></label>
+                        <input asp-for="Email" class="form-control" />
+                        <span asp-validation-for="Email" class="text-danger"></span>
+                    </div>
+                    <div class="form-group">
+                        <input type="hidden" asp-for="QuestionnaireId" /> <!-- Use hidden input for QuestionnaireId -->
+                    </div>
+                    <div class="form-group">
+                        <input type="submit" value="Send" class="btn btn-primary" />
+                    </div>
+                </form>
+            </div>
+        </div>
+    </div>
+</div>
+
+
+
diff --git a/Web/Areas/Admin/Views/Shared/_AdminLayout.cshtml b/Web/Areas/Admin/Views/Shared/_AdminLayout.cshtml
index fd43382..d3954c4 100644
--- a/Web/Areas/Admin/Views/Shared/_AdminLayout.cshtml
+++ b/Web/Areas/Admin/Views/Shared/_AdminLayout.cshtml
@@ -40,8 +40,7 @@
                     <a asp-controller="Questionnaire" asp-action="index"><span class="bi bi-question-circle"></span> Survey</a>
                 </li>
                 <li>
-
-                    <a asp-controller="newsletters" asp-action="index"><i class="bi bi-envelope"></i> Subscibers</a>
+                    <a asp-controller="newsletters" asp-action="index"><span class="bi bi-newspaper"></span> Subscibers</a>
                 </li>
             </ul>
 
diff --git a/Web/Controllers/QuestionnaireResponseController.cs b/Web/Controllers/QuestionnaireResponseController.cs
new file mode 100644
index 0000000..75c4a3e
--- /dev/null
+++ b/Web/Controllers/QuestionnaireResponseController.cs
@@ -0,0 +1,34 @@
+﻿using Microsoft.AspNetCore.Mvc;
+using Services.Interaces;
+using System.Security.Cryptography;
+using System.Text;
+
+namespace Web.Controllers
+{
+    public class QuestionnaireResponseController : Controller
+    {
+        private readonly IQuestionnaireRepository _questionnaireRepository;
+
+        public QuestionnaireResponseController(IQuestionnaireRepository questionnaireRepository)
+        {
+            _questionnaireRepository = questionnaireRepository;
+        }
+        public IActionResult Index()
+        {
+            return View();
+        }
+
+        public IActionResult DisplayQuestionnaire(int id)
+        {
+
+            // Retrieve the questionnaire using the numeric ID
+            var questionnaire = _questionnaireRepository.GetQuestionnaireWithQuestionAndAnswer(id);
+           
+            
+            // Display the questionnaire
+            return View(questionnaire);
+        }
+
+      
+    }
+}
diff --git a/Web/Controllers/SubscriptionController.cs b/Web/Controllers/SubscriptionController.cs
index 3b601ca..ada89cd 100644
--- a/Web/Controllers/SubscriptionController.cs
+++ b/Web/Controllers/SubscriptionController.cs
@@ -57,25 +57,85 @@ namespace Web.Controllers
                     string confirmationPath = _configuration["Email:ConfirmEmailPath"]; // Retrieve the confirmation path from appsettings
 
                     string confirmationUrl = $"{Request.Scheme}://{Request.Host}/{confirmationPath}?email={email}"; // Construct the confirmation URL
-                                                                                                                    // Construct the confirmation URL
-                    string body = $@"Dear {senderName},<br><br>
-                    Thank you for subscribing. We're thrilled to have you on board!<br><br>
-                    To confirm your subscription, please click the following button:<br><br>
-                    <a href=""{confirmationUrl}"" style=""display: inline-block; padding: 10px 20px; background-color: #28a745; color: #fff; text-decoration: none;"">Confirm Subscription</a><br><br>
-                    If you have any questions or need assistance, feel free to contact us at help@seosoft.dk<br><br>
-                   
-                    <h5>
-                        Søren Eggert Lundsteen Olsen<br>
-                        Seosoft ApS
-                    </h5>
-                        <hr>
-                     <h6>
-                        Hovedgaden 3 
-                        Jordrup<br>
-                        Kolding 6064<br>
-                        Denmark
-                    </6>
-                      ";
+
+                    string body = $@"<head>
+                                        <meta charset=""UTF-8"">
+                                        <meta name=""viewport"" content=""width=device-width, initial-scale=1.0"">
+                                        <title>Email Confirmation</title>
+                                        <style>
+                                            body {{
+                                                font-family: Arial, sans-serif;
+                                                line-height: 1.6;
+                                                margin: 0;
+                                                padding: 0;
+                                                background-color: #f9f9f9;
+                                            }}
+                                            .container {{
+                                               max-width: 800px;
+                                                    margin: 0 auto;
+                                                    padding: 20px;
+                                                    border: 0.5px solid #ccc;
+                                                    border-radius: 5px;
+                                                    background-color: #f9f9f9;
+                                            }}
+                                            h5, h6 {{
+                                                margin:0;
+                                            }}
+                                            hr {{
+                                                border: none;
+                                                border-top: 1px solid #ccc;
+                                                margin: 10px 0;
+                                            }}
+                                            a.button {{
+                                                display: inline-block;
+                                                padding: 10px 20px;
+                                                background-color: #28a745;
+                                                color: #fff;
+                                                text-decoration: none;
+                                                border-radius: 4px;
+                                            }}
+                                             a {{
+                                          color: #007bff;
+                                          text-decoration: none;
+                                      }}
+                                      a:hover {{
+                                          text-decoration: underline;
+                                      }}
+                                        </style>
+                                    </head>
+                                    <body>
+                                        <div class=""container"">
+                                            <p>Dear {senderName},</p>
+                                            <p>Thank you for subscribing. We're thrilled to have you on board!</p>
+                                            <p>To confirm your subscription, please click the following button:</p>
+                                            <p><a href=""{confirmationUrl}"" class=""button"">Confirm Subscription</a></p>
+                                            <p>If you have any questions or need assistance, feel free to contact us at help@seosoft.dk</p>
+                                           
+                                            <h5>Søren Eggert Lundsteen Olsen</h5>
+                                            <h5><a href=""https://www.seosoft.dk/"" target=""_blank"">SeoSoft ApS</a></h5>
+                                            <hr>
+                                            <h6>Hovedgaden 3 Jordrup<br>Kolding 6064<br>Denmark</h6>
+                                        </div>
+                                    </body>";
+                  
+                    //string body = $@"Dear {senderName},<br><br>
+                    //Thank you for subscribing. We're thrilled to have you on board!<br><br>
+                    //To confirm your subscription, please click the following button:<br><br>
+                    //<a href=""{confirmationUrl}"" style=""display: inline-block; padding: 10px 20px; background-color: #28a745; color: #fff; text-decoration: none;"">Confirm Subscription</a><br><br>
+                    //If you have any questions or need assistance, feel free to contact us at help@seosoft.dk<br><br>
+
+                    //<h5>
+                    //    Søren Eggert Lundsteen Olsen<br>
+                    //    Seosoft ApS
+                    //</h5>
+                    //    <hr>
+                    // <h6>
+                    //    Hovedgaden 3 
+                    //    Jordrup<br>
+                    //    Kolding 6064<br>
+                    //    Denmark
+                    //</6>
+                    //  ";
 
                     var newEmail = new EmailToSend(email, subject, body);
 
@@ -132,13 +192,54 @@ namespace Web.Controllers
 
                         // Send a "thank you" email to the user
                         string subject = "Thank You for Confirming Your Subscription";
-                        string body = $"Dear {subscription.Name},<br><br>" +
-                                    "Thank you for confirming your subscription. " +
-                                    "You are now subscribed to our service.<br><br>" +
-                                    
-                                    "<h5>Søren Eggert Lundsteen Olsen<br>Seosoft ApS</h5>" +
-                                    "<hr>" +
-                                    "<h6>Hovedgaden 3<br>Jordrup<br>Kolding 6064<br>Denmark</h6>";
+                        string body = $@"<head>
+                                <meta charset=""UTF-8"">
+                                <meta name=""viewport"" content=""width=device-width, initial-scale=1.0"">
+                                <title>Email Confirmation</title>
+                                <style>
+                                    body {{
+                                        font-family: Arial, sans-serif;
+                                        line-height: 1.6;
+                                        margin: 0;
+                                        padding: 0;
+                                        background-color: #f9f9f9;
+                                    }}
+                                    .container {{
+                                         max-width: 800px;
+                                                    margin: 0 auto;
+                                                    padding: 20px;
+                                                    border: 0.5px solid #ccc;
+                                                    border-radius: 5px;
+                                                    background-color: #f9f9f9;
+                                    }}
+                                    h4, h5, h6 {{
+                                        margin: 0;
+                                    }}
+                                    hr {{
+                                        border: none;
+                                        border-top: 1px solid #ccc;
+                                        margin: 10px 0;
+                                    }}
+                                       a {{
+                                          color: #007bff;
+                                          text-decoration: none;
+                                      }}
+                                      a:hover {{
+                                          text-decoration: underline;
+                                      }}
+                                </style>
+                            </head>
+                            <body>
+                                <div class=""container"">
+                                    <h4>Dear {subscription.Name},</h4>
+                                    <p>Thank you for confirming your subscription. You are now subscribed to our newsletter.</p>
+                                   
+                                    <h5>Søren Eggert Lundsteen Olsen</h5>
+                                    <h5><a href=""https://www.seosoft.dk/"" target=""_blank"">SeoSoft ApS</a></h5>
+                                    <hr>
+                                    <h6>Hovedgaden 3 Jordrup<br>Kolding 6064<br>Denmark</h6>
+                                </div>
+                            </body>";
 
 
                         var thankYouEmail = new EmailToSend(subscription.Email, subject, body);
@@ -152,7 +253,7 @@ namespace Web.Controllers
                 }
                 else
                 {
-                    ViewBag.Message = "You have been unsubscribed from our service. Thank you!";
+                    ViewBag.Message = "You have been unsubscribed from our newsletter. Thank you!";
                    return View(subscription);
                 }
             }
@@ -182,16 +283,60 @@ namespace Web.Controllers
                         await _context.SaveChangesAsync();
 
                         // Inform the user that the email has been unsubscribed
-                        ViewBag.Message = "You have been unsubscribed from our service. Thank you!";
+                        ViewBag.Message = "You have successfully unsubscribed from our newsletter. We're sorry to see you go";
 
                         // Optionally, send an email confirmation to the user
-                        string subject = "Unsubscribe Confirmation";
-                        string body = "You have successfully unsubscribed from our newsletter. We're sorry to see you go <br><br>" +
-                              
-                               
-                               "<h5>Søren Eggert Lundsteen Olsen<br>Seosoft ApS</h5>"+
-                                "<hr>" +
-                               "<h6>Hovedgaden 3<br>Jordrup<br>Kolding 6064<br>Denmark</h6>";
+                        string subject = "Unsubscription Confirmation";
+                        string body = $@"<head>
+                                            <meta charset=""UTF-8"">
+                                            <meta name=""viewport"" content=""width=device-width, initial-scale=1.0"">
+                                            <title>Unsubscribe Confirmation</title>
+                                            <style>
+                                                body {{
+                                                    font-family: Arial, sans-serif;
+                                                    line-height: 1.6;
+                                                    margin: 0;
+                                                    padding: 0;
+                                                    background-color: #f9f9f9;
+                                                }}
+                                                .container {{
+                                                     max-width: 800px;
+                                                    margin: 0 auto;
+                                                    padding: 20px;
+                                                    border: 0.5px solid #ccc;
+                                                    border-radius: 5px;
+                                                    background-color: #f9f9f9;
+                                                }}
+                                                h5, h6 {{
+                                                    margin: 0;
+                                                }}
+                                                hr {{
+                                                    border: none;
+                                                    border-top: 1px solid #ccc;
+                                                    margin: 10px 0;
+                                                }}
+                                                a {{
+                                                    color: #007bff;
+                                                    text-decoration: none;
+                                                }}
+                                                a:hover {{
+                                                    text-decoration: underline;
+                                                }}
+                                            </style>
+                                        </head>
+                                        <body>
+                                            <div class=""container"">
+                                                <h3>Unsubscribe Confirmation</h3>
+                                                <p>You have successfully unsubscribed from our newsletter. We're sorry to see you go.</p>
+                                                <br>
+                                                 <h5><strong>Søren Eggert Lundsteen Olsen</strong></h5>
+                                                <h5><a href=""https://www.seosoft.dk/"" target=""_blank"">SeoSoft ApS</a></h5>
+                                                <hr>
+                                                <h6>Hovedgaden 3<br>Jordrup<br>Kolding 6064<br>Denmark</h6>
+                                            </div>
+                                        </body>
+                                        </html>";
+
 
                         var thankYouEmail = new EmailToSend(subscription.Email, subject, body);
                         await _mailSerivces.SendConfirmationEmailAsync(thankYouEmail);
@@ -208,7 +353,7 @@ namespace Web.Controllers
                 else
                 {
                     // Inform the user that the unsubscription process couldn't be completed
-                    ViewBag.Message = "Your email does not exist in our subscription list. Please subscribe first.";
+                    ViewBag.Message = "You have been unsubscribed from our newsletter. subscribe first.";
                     return View(subscription); // You can return a view to show an error message
                 }
             }
diff --git a/Web/ViewModel/QuestionnaireVM/SendQuestionnaireViewModel.cs b/Web/ViewModel/QuestionnaireVM/SendQuestionnaireViewModel.cs
new file mode 100644
index 0000000..5bc1340
--- /dev/null
+++ b/Web/ViewModel/QuestionnaireVM/SendQuestionnaireViewModel.cs
@@ -0,0 +1,18 @@
+﻿using NuGet.Protocol.Core.Types;
+using System.ComponentModel.DataAnnotations;
+
+namespace Web.ViewModel.QuestionnaireVM
+{
+    public class SendQuestionnaireViewModel
+    {
+        public int Id { get; set; }
+
+        [Required]
+        public string? Name { get; set; }
+        [Required]
+        public string? Email { get; set; }
+
+        public int QuestionnaireId { get; set; }
+
+    }
+}
diff --git a/Web/Views/QuestionnaireResponse/DisplayQuestionnaire.cshtml b/Web/Views/QuestionnaireResponse/DisplayQuestionnaire.cshtml
new file mode 100644
index 0000000..a7fda96
--- /dev/null
+++ b/Web/Views/QuestionnaireResponse/DisplayQuestionnaire.cshtml
@@ -0,0 +1,148 @@
+﻿@model Questionnaire
+@{
+    ViewData["Title"] = "DisplayQuestionnaire";
+    Layout = "~/Views/Shared/_QuestionnaireResponse.cshtml";
+}
+
+<style>
+    h5,h4{
+        color: #b9b9b9 !important;
+    }
+    .rating {
+        display: inline-flex;
+        flex-direction: row-reverse; /* Set the direction to row-reverse */
+    }
+
+        .rating input {
+            display: none;
+        }
+
+        .rating label {
+            cursor: pointer;
+            font-size: 0; /* Hide the labels */
+        }
+
+            .rating label:before {
+                content: "☆";
+                font-size: 25px; /* Set the font size of the stars */
+            }
+
+        .rating input:checked ~ label:before {
+            content: "★";
+            color: orange;
+        }
+
+    .slider-value {
+        display: block;
+        text-align: center;
+        margin-top: -20px; /* Adjust the margin to position the value */
+    }
+
+
+</style>
+
+<div class="d-flex flex-column" id="BannerBackground">
+
+
+    <section class="hero text-white">
+        <div class="container text-white mt-5">
+            <h4><strong>@Html.Raw(Model.Description)</strong> </h4>
+            @{
+                int questionNumber = 1; // Counter for question numbers, starting from 1
+            }
+
+            <form method="post" action="@Url.Action("Submit", "Questionnaire", new { id = Model.Id })">
+                <div class="container">
+                    @foreach (var question in Model.Questions)
+                    {
+                        <h5>@questionNumber. @question.Text</h5> <!-- Display question number -->
+                        <div>
+                            @if (question.Type == QuestionType.Multiple_choice)
+                            {
+                                @foreach (var answer in question.Answers)
+                                {
+                                    <label>
+                                        <input type="checkbox" name="answers[@question.Id]" value="@answer.Id" class="form-check-input" /> @answer.Text
+                                    </label>
+                                    <br />
+                                }
+                            }
+                            else if (question.Type == QuestionType.Ranking)
+                            {
+                                <select name="answers[@question.Id]" class="form-control">
+                                    <option value="">Select Rank</option>
+                                    @for (int i = 1; i <= question.Answers.Count; i++)
+                                    {
+                                        <option value="@i">@i</option>
+                                    }
+                                </select>
+                            }
+                            else if (question.Type == QuestionType.TrueFalse)
+                            {
+                                <label>
+                                    <input type="radio" name="answers[@question.Id]" value="true" class="form-check-input" /> True
+                                </label>
+                                <br />
+                                <label>
+                                    <input type="radio" name="answers[@question.Id]" value="false" class="form-check-input" /> False
+                                </label>
+                            }
+                            else if (question.Type == QuestionType.Rating)
+                            {
+                                <div class="rating">
+                                    @for (int i = 1; i <= question.Answers.Count; i++)
+                                    {
+                                        <input type="radio" id="star@(i)" name="answers[@question.Id]" value="@i" class="form-check-input" />
+                                        <label for="star@(i)" title="@i">☆</label>
+                                    }
+                                </div>
+                            }
+                            else if (question.Type == QuestionType.Text)
+                            {
+                                <input type="text" name="answers[@question.Id]" class="form-control" />
+                            }
+                            else if (question.Type == QuestionType.Slider)
+                            {
+                                <input type="range" name="answers[@question.Id]" min="0" max="100" value="0" class="slider" oninput="updateSliderValue(this.value, 'sliderValue_@question.Id')" /> <!-- Set initial value to 0 -->
+                                <span id="sliderValue_@question.Id" class="slider-value">0</span> <!-- Display the slider value -->
+                            }
+                            <!-- Add handling for other question types as needed -->
+                        </div>
+                        <hr />
+                        @@questionNumber
+                       ++; // Increment question number after displaying
+                    }
+                    <button type="submit" class="btn btn-primary">Submit</button>
+                </div>
+
+            </form>
+
+
+
+
+        </div>
+    </section>
+
+</div>
+
+
+
+
+
+@section Scripts {
+
+
+    @{
+        <partial name="_ValidationScriptsPartial" />
+    }
+
+    <script>
+        function updateSliderValue(value, targetId) {
+            // Increase value by 10
+            value = parseInt(value) + 10;
+            document.getElementById(targetId).innerText = value;
+        }
+    </script>
+
+}
+
diff --git a/Web/Views/Shared/Components/Footer/Default.cshtml b/Web/Views/Shared/Components/Footer/Default.cshtml
index 9528328..d994707 100644
--- a/Web/Views/Shared/Components/Footer/Default.cshtml
+++ b/Web/Views/Shared/Components/Footer/Default.cshtml
@@ -10,7 +10,7 @@
         <div class="container py-4">
             <div id="rowSection">
                 <div class="col-lg-6" id="box">
-                    <p class="display-6 font-weight-bold" id="BtnColor">@Model.Title.ToUpper()</p>
+                    <h3 class=" font-weight-bold" id="BtnColor">@Model.Title.ToUpper()</h3>
                   @*   <p class="fst-italic text-muted">@Html.Raw(Model.Content) <a class="text-primary" href="@Model.Sitecopyright" target="_blank">SeoSoft</a></p> *@
                  but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
                
@@ -23,8 +23,6 @@
         </div>
     </section>
 
-   
-
     <!-- FOOTER -->
     <footer class="w-100 py-4 flex-shrink-0">
         <div class="container">
@@ -64,19 +62,19 @@
             <div class="row d-flex justify-content-around">
                 
                 <div class="col-lg-2 col-md-3">
-                    <span class=" muted">Designed by @Model.CreatedBy</span>
+                    <span class="text-muted">Designed by @Model.CreatedBy</span>
                 
                 </div>
                 <div class="col-lg-2 col-md-3">
-                    <span class=" muted">Update by @Model.UpdatedBy</span>
+                    <span class="text-muted">Update by @Model.UpdatedBy</span>
                 
                 </div>
                 <div class="col-lg-2 col-md-3">
-                    <span class=" muted">Updated @Model.LastUpdated.ToShortDateString()</span>
+                    <span class=" text-muted">Updated @Model.LastUpdated.ToShortDateString()</span>
                  
                 </div>
                 <div class="col-lg-2 col-md-3">
-                    <span class=" muted">Owner @Model.Owner</span>
+                    <span class=" text-muted">Owner @Model.Owner</span>
                  
                 </div>
             </div>
diff --git a/Web/Views/Shared/_QuestionnaireResponse.cshtml b/Web/Views/Shared/_QuestionnaireResponse.cshtml
new file mode 100644
index 0000000..51cf88d
--- /dev/null
+++ b/Web/Views/Shared/_QuestionnaireResponse.cshtml
@@ -0,0 +1,54 @@
+﻿<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>@ViewData["Title"] - Web</title>
+    <link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.css" />
+    <link rel="stylesheet" href="~/css/site.css" asp-append-version="true" />
+    <link rel="stylesheet" href="~/Web.styles.css" asp-append-version="true" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
+    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/css/toastr.min.css" />
+</head>
+<body>
+    <header>
+        <nav class="navbar navbar-expand-sm navbar-toggleable-sm navbar-light shadow-lg">
+            <div class="container-fluid">
+                <a class="navbar-brand" asp-area="" asp-controller="Home" asp-action="Index">Online survey</a>
+                <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target=".navbar-collapse" aria-controls="navbarSupportedContent"
+                        aria-expanded="false" aria-label="Toggle navigation">
+                    <span class="navbar-toggler-icon text-white"></span>
+                </button>
+                <div class="navbar-collapse collapse d-sm-inline-flex justify-content-between">
+                    <ul class="navbar-nav flex-grow-1">
+                    
+
+                    </ul>
+                    <ul class="navbar-nav">
+                        <li class="nav-item">
+                            <a href="#" class="btn btn-sm " id="BannerButon"> Sign in <i class="bi bi-person-check-fill"></i></a> |
+                            <a href="#" class="btn btn-sm" id="BannerButon"> Sign up <i class="bi bi-person-fill-add"></i></a>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+        </nav>
+    </header>
+    
+        <main role="main">
+
+                @RenderBody()
+        </main>
+  
+
+    
+     
+     
+     
+  
+    <script src="~/lib/jquery/dist/jquery.min.js"></script>
+    <script src="~/lib/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
+    <script src="~/js/site.js" asp-append-version="true"></script>
+    @await RenderSectionAsync("Scripts", required: false)
+</body>
+</html>
diff --git a/Web/Views/Subscription/Confirmation.cshtml b/Web/Views/Subscription/Confirmation.cshtml
index 6a3a77f..a854571 100644
--- a/Web/Views/Subscription/Confirmation.cshtml
+++ b/Web/Views/Subscription/Confirmation.cshtml
@@ -14,14 +14,14 @@
             </div> *@
                 <div id="rowSectionBanner">
 
-                    <div class="col-lg-6" id="boxBanner">
-                        <h1 class="display-6 font-weight-bold" id="BtnColor">Hey @Model?.Name</h1>
+                    <div class="col-lg-7" id="boxBanner">
+                        <h3 class="font-weight-bold" id="BtnColor">Hey @Model?.Name</h3>
 
                         @*   <p class="fst-italic text-muted">@Html.Raw(Model.Content) <a class="text-primary" href="@Model.Sitecopyright" target="_blank">SeoSoft</a></p> *@
-                    <p class="text-white">@ViewBag.Message</p>
+                    <h5 class="text-white">@ViewBag.Message</h5>
                         <a href="/home" class="btn btn-sm mt-1" id="BannerButon"><i class="bi bi-arrow-left-square-fill"></i> Back to home </a>
                     </div>
-                    <div class="col-lg-6" id="boxBanner">
+                    <div class="col-lg-5" id="boxBanner">
                         <script src="https://unpkg.com/@@dotlottie/player-component@latest/dist/dotlottie-player.mjs" type="module"></script>
                         <dotlottie-player src="https://lottie.host/543409f4-933c-456f-923c-f936be0d0da6/UxmKdWjkuD.json" class="img-fluid" speed="1" style="width: auto; height: auto;" direction="1" playMode="normal" autoplay></dotlottie-player>
                     </div>
diff --git a/Web/Views/Subscription/UnsubscribeConfirmation.cshtml b/Web/Views/Subscription/UnsubscribeConfirmation.cshtml
index 8dd7a82..2576fff 100644
--- a/Web/Views/Subscription/UnsubscribeConfirmation.cshtml
+++ b/Web/Views/Subscription/UnsubscribeConfirmation.cshtml
@@ -14,14 +14,14 @@
             </div> *@
             <div id="rowSectionBanner">
 
-                <div class="col-lg-6" id="boxBanner">
-                    <h1 class="display-6 font-weight-bold" id="BtnColor">Hey @Model?.Name</h1>
+                <div class="col-lg-7" id="boxBanner">
+                    <h3 class="font-weight-bold" id="BtnColor">Hey @Model?.Name</h3>
 
                     @*   <p class="fst-italic text-muted">@Html.Raw(Model.Content) <a class="text-primary" href="@Model.Sitecopyright" target="_blank">SeoSoft</a></p> *@
-                    <p class="text-white">@ViewBag.Message</p>
+                    <h5 class="text-white">@ViewBag.Message</h5>
                     <a href="/home" class="btn btn-sm mt-1" id="BannerButon"><i class="bi bi-arrow-left-square-fill"></i> Back to home </a>
                 </div>
-                <div class="col-lg-6" id="boxBanner">
+                <div class="col-lg-5" id="boxBanner">
                     <script src="https://unpkg.com/@@dotlottie/player-component@latest/dist/dotlottie-player.mjs" type="module"></script>
                     <dotlottie-player src="https://lottie.host/543409f4-933c-456f-923c-f936be0d0da6/UxmKdWjkuD.json" class="img-fluid" speed="1" style="width: auto; height: auto;" direction="1" playMode="normal" autoplay></dotlottie-player>
                 </div>
diff --git a/Web/appsettings.json b/Web/appsettings.json
index 5f0880a..10b9cb6 100644
--- a/Web/appsettings.json
+++ b/Web/appsettings.json
@@ -14,14 +14,13 @@
     "From": "mr.qais.yousuf@gmail.com",
     "ApplicationName": "Online Survey",
     "ConfirmEmailPath": "Subscription/Confirmation",
-    "unsubscribePath": "Subscription/UnsubscribeConfirmation"
+    "unsubscribePath": "Subscription/UnsubscribeConfirmation",
+    "Questionnaire": "QuestionnaireResponse/DisplayQuestionnaire"
 
   },
   "MailJet": {
     "ApiKey": "f545eee3a4743464b9d25fb9c5ab3f6c",
     "SecretKey": "9fa430ef00873fdefe333fdc40ee3f8f"
   }
-  //"OpenAI": {
-  //  "ApiKey": "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"
-  //}
+  
 }
diff --git a/Web/wwwroot/css/site.css b/Web/wwwroot/css/site.css
index 7ec765b..beb0253 100644
--- a/Web/wwwroot/css/site.css
+++ b/Web/wwwroot/css/site.css
@@ -192,7 +192,7 @@ footer {
 }
 
 #LinkColor {
-    color: #6c757d !important;
+    color: #a8afb5 !important;
 }
 
 body, html {
@@ -11567,9 +11567,9 @@ body, html {
         color: #212529 !important;
     }
 
-    .text-muted {
-        color: #6c757d !important;
-    }
+.text-muted {
+    color: #a8afb5 !important;
+}
 
     .text-black-50 {
         color: rgba(0, 0, 0, 0.5) !important;
@@ -11817,9 +11817,10 @@ body, html {
     }
 
         #sidebar.active {
-            min-width: 80px;
+            min-width: 100px;
             max-width: 80px;
             text-align: center;
+            overflow-x: auto;
         }
 
             #sidebar.active ul.components li {
