@model Footer




<div class="d-flex flex-column" id="Background">

    <!-- FOR DEMO PURPOSE -->
    <section class="text-white  flex-grow-1">
        <div class="container py-4">
            <div id="rowSection">
                <div class="col-lg-6" id="box">
                    <h4 class=" font-weight-bold" id="BtnColor">@Model.Title.ToUpper()</h4>

                    <p>@Html.Raw(Model.Content)</p>
                    <p class="fst-italic text-muted">@Model.Sitecopyright</p>
                </div>
                <div class="col-lg-6" id="box">
                    <script src="https://unpkg.com/@@dotlottie/player-component@latest/dist/dotlottie-player.mjs" type="module"></script>
                    <dotlottie-player src="https://lottie.host/f2df0cd6-fbde-4071-ab90-d9e74a075d5a/ygq5zJ9mzx.json" class="img-fluid" speed="1" style="width: auto; height: auto;" direction="1" playMode="normal" loop autoplay></dotlottie-player>
                </div>
            </div>
        </div>
    </section>

    <!-- FOOTER -->
    <footer class="w-100 py-4 flex-shrink-0">
        <div class="container-fluid">
            <div class="row justify-content-around">
             <vc:address></vc:address>
                <div class="col-lg-2 col-md-6">
                   <vc:navigation-footer></vc:navigation-footer>
                </div>
               
                <div class="col-lg-4 col-md-6">
                    <h5 class="text-white">Newsletter</h5>
                   
                    <vc:subscription></vc:subscription>
                  @*   <form action="#">
                        <div class="input-group mb-3">
                            <input class="form-control" type="text" placeholder="Recipient's username" aria-label="Email" aria-describedby="button-addon2">
                            <button class="btn" id="BannerButon" type="button">Subscribe</button>
                        </div>
                    </form> *@

                        <ul class="list-unstyled text-muted">
                        @foreach (var footerSocialMedia in Model.FooterSocialMedias)
                        {
                            <li class="nav-item">
                                <a id="LinkColor" href="@footerSocialMedia.SocialMedia.Url" target="_blank">@footerSocialMedia.SocialMedia.Name</a>
                            </li>
                        }
                       
                        </ul>

                </div>
            </div>
        </div>
       
        <div class="container">
            <hr class="border border-primary border-start-0 border-1 opacity-35">
            <div class="row d-flex justify-content-around">
                
                <div class="col-lg-2 col-md-3">
                    <span class="text-muted">Designed by @Model.CreatedBy</span>
                
                </div>
                <div class="col-lg-2 col-md-3">
                    <span class="text-muted">Update by @Model.UpdatedBy</span>
                
                </div>
                @using System.Globalization

                <div class="col-lg-2 col-md-3">
                    <span class="text-muted">
                        Updated @Model.LastUpdated.ToString("dd-MM-yyyy HH:mm", new CultureInfo("da-DK"))
                    </span>
                </div>

                <div class="col-lg-2 col-md-3">
                    <span class=" text-muted">Owner @Model.Owner</span>
                 
                </div>
            </div>
        </div>
    </footer>
</div>