@{
    ViewBag.Title = "Classes - Burlesque Academy Aarhus";
    Layout = "~/Views/_Layout.cshtml";
}

<!--Classes Header-->
<div id="classesIntro" class="jumbotron jumbotron-fluid">
    <div class="container">
        <h1 id="classesHeadline">CLASSES</h1>
        <p>we offer</p>
    </div>
</div>

<!--BURLESQUE CLASS-->
<div id="ClassContainer" class="firstIMG">

    <div id="ClassesImgRIGHT">
        <img src="~/content/img/burlesque.jpg" alt="Alternate Text" />
    </div>
    <div id="ClassesTextRIGHT">

        <h2>BURLESQUE <span>CLASS</span></h2>
        <p>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus congue volutpat ante at euismod. Vivamus vel malesuada erat.
            Duis vulputate odio in pretium hendrerit. Aliquam velit tortor, auctor ac aliquam dictum, tristique a mi. Phasellus non faucibus nisi.
            Etiam venenatis eu diam quis condimentum. Duis mollis ante nec erat scelerisque, vitae egestas mi pellentesque. Cras mattis lobortis erat ac eleifend.
            vulputate odio in pretium hendrerit. Aliquam velit tortor, auctor ac aliquam dictum, tristique a mi. Phasellus non faucibus nisi.
            Etiam venenatis eu diam quis condimentum. Duis mollis ante nec erat scelerisque, vitae egestas mi pellentesque. Cras mattis lobortis erat ac eleifend.

        </p>

        <div id="signupButtonRIGHT">
            <a class="btn btn-large btn-blue" href=@Url.Action("Burlesque","Home")>sign up</a><a class="btn btn-large btn-hidden" href=@Url.Action("Burlesque","Home")>for this class</a>
        </div>


    </div>

    <div id="ClassBG">


    </div>


</div>

<!--MAKEUP CLASS-->
<div id="ClassContainerLEFT" class="secondIMG">

    <div id="ClassesImgLEFT">
        <img src="~/content/img/makeup.jpg" alt="Alternate Text" />
    </div>
    <div id="ClassesTextLEFT">

        <h2>MAKE-UP <span>CLASS</span></h2>
        <p>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus congue volutpat ante at euismod. Vivamus vel malesuada erat. Duis vulputate odio in pretium hendrerit.
            Aliquam velit tortor, auctor ac aliquam dictum, tristique a mi. Phasellus non faucibus nisi. Etiam venenatis eu diam quis condimentum. Duis mollis ante nec erat scelerisque,
            vitae egestas mi pellentesque. Cras mattis lobortis erat ac eleifend.
            vulputate odio in pretium hendrerit. Aliquam velit tortor, auctor ac aliquam dictum, tristique a mi. Phasellus non faucibus nisi.
        </p>
        <div id="signupButtonLEFT">
            <a class="btn btn-large btn-blue" href="@Url.Action("Makeup","Home")">sign up</a><a class="btn btn-large btn-hidden" href="@Url.Action("Makeup","Home")">for this class</a>
        </div>
    </div>
</div>


<!--PERFORMANCE CLASS-->
<div id="ClassContainer" class="thirdIMG">

    <div id="ClassesImgRIGHT">
        <img src="~/content/img/performancefixed.jpg" alt="Alternate Text" />
    </div>
    <div id="ClassesTextRIGHT">

        <h2>PERFORMANCE <span>CLASS</span></h2>
        <p>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus congue volutpat ante at euismod. Vivamus vel malesuada erat.
            Duis vulputate odio in pretium hendrerit. Aliquam velit tortor, auctor ac aliquam dictum, tristique a mi. Phasellus non faucibus nisi.
            Etiam venenatis eu diam quis condimentum. Duis mollis ante nec erat scelerisque, vitae egestas mi pellentesque. Cras mattis lobortis erat ac eleifend.
            vulputate odio in pretium hendrerit. Aliquam velit tortor, auctor ac aliquam dictum, tristique a mi. Phasellus non faucibus nisi.
            Etiam venenatis eu diam quis condimentum. Duis mollis ante nec erat scelerisque, vitae egestas mi pellentesque. Cras mattis lobortis erat ac eleifend.

        </p>

        <div id="signupButtonRIGHT">
            <a class="btn btn-large btn-blue" href="@Url.Action("Performance","Home")">sign up</a><a class="btn btn-large btn-hidden" href="@Url.Action("Performance","Home")">for this class</a>
        </div>

    </div>



</div>

<!--SOUND CLASS-->
<div id="ClassContainerLEFT" class="fourthIMG">

    <div id="ClassesImgLEFT">
        <img src="~/content/img/SoundFIXED.jpg" alt="Alternate Text" />
    </div>
    <div id="ClassesTextLEFT">

        <h2>SOUND ENGINEERING <span>CLASS</span></h2>
        <p>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus congue volutpat ante at euismod. Vivamus vel malesuada erat. Duis vulputate odio in pretium hendrerit.
            Aliquam velit tortor, auctor ac aliquam dictum, tristique a mi. Phasellus non faucibus nisi. Etiam venenatis eu diam quis condimentum. Duis mollis ante nec erat scelerisque,
            vitae egestas mi pellentesque. Cras mattis lobortis erat ac eleifend.
            vulputate odio in pretium hendrerit. Aliquam velit tortor, auctor ac aliquam dictum, tristique a mi. Phasellus non faucibus nisi.
        </p>
        <div id="signupButtonLEFT">
            <a class="btn btn-large btn-blue" href="@Url.Action("SoundClass","Home")">sign up</a><a class="btn btn-large btn-hidden" href="@Url.Action("SoundClass","Home")">for this class</a>
        </div>
    </div>
</div>