DOCTYPE=html
html(lang="en")

head
    meta(charset="UTF-8")
    title FutureTech - The Future is Now
    link(rel="icon" href="/icons/logo-icon.png")
    link(rel="stylesheet" href="/styles/image-slider.css")
    link(rel="stylesheet" href="/styles/general-body.css") 
    link(rel="stylesheet" href="/styles/header-footer.css") 


body
    include ../partials/header
    br 
    div#quote(style="text-align:center; font-style:italic; padding: 10px;")
    div#quoter(style="text-align:center; font-style:italic;")

    section.slider-container
        div.slider#imageSlider
            div.slide
                img(src="/images/news/scientists.jpg" alt="Molecular Stabilizer Lab")
                div.caption Molecular Stabilizer Lab
            div.slide
                img(src="/images/news/robotics.jpg" alt="Design and Manufacturing Lab")
                div.caption Design and Manufacturing Lab
            div.slide
                img(src="/images/news/portals.jpg" alt="Portal Experimentation Lab")
                div.caption Portal Experimentation Lab
            div.slide
                img(src="/images/news/android.jpg" alt="Android Development Lab")
                div.caption Android Development Lab

        div.dots#dotsContainer
            span.dot.active(data-slide="0")
            span.dot(data-slide="1")
            span.dot(data-slide="2")
            span.dot(data-slide="3")

    include ../partials/footer

    // All the JavaScripts to run
    script(src="/scripts/quotes.js")
    script(src="/scripts/slider-script.js")
    script(src="/scripts/captions.js")