html(lang="en")
  head
    title Visit www.pixelrocket.store to learn how to become a frontend web developer
    meta(charset="utf-8")
    meta(name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no")
    link(rel="stylesheet" href="codecraft-assets/fonts/fonts.css")
    link(rel="stylesheet" href="https://fonts.googleapis.com/css?family=Readex+Pro:400&subset=latin")
    link(rel="stylesheet" href="css/bootstrap/bootstrap.min.css")
    link(rel="icon" type="image/png" sizes="32x32" href="favicon.png")
  body
    div(class="")
      div
        div(class="text-center text-light py-2 bg-secondary text-dark")
          span Want to learn how to build templates like this?
          |           
          a(href="https://www.pixelrocket.store" class="text-dark") Visit www.pixelrocket.store
      div
        div
          div
            section
              nav(class="navbar navbar-expand-lg navbar-light")
                div(class="container")
                  a(class="navbar-brand" href="index.html")
                    img(class="img-fluid" src="images/logo.svg" alt="")
                  button(class="d-lg-none navbar-burger btn p-0 rounded-pill" style="border: none;" type="button" aria-expanded="false")
                    svg(class="text-primary" width="51" height="51" viewbox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg")
                      rect(width="56" height="56" rx="28" fill="currentColor")
                      path(d="M37 32H19M37 24H19" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round")
                  div(class="collapse navbar-collapse ms-6" id="nav01")
                    ul(class="navbar-nav me-auto")
                      li(class="nav-item")
                        a(class="nav-link" href="about.html") About Us
                      li(class="nav-item")
                        a(class="nav-link" href="pricing.html") Pricing
                      li(class="nav-item")
                        a(class="nav-link" href="blog.html") Blog
                      li(class="nav-item")
                        a(class="nav-link" href="contact.html") Contact Us
                    div
                      a(class="btn me-4 btn-sm btn-outline-light lh-sm text-dark" href="login.html") Login
                      a(class="btn btn-sm btn-primary lh-sm" href="register.html") Get Started
              div(class="d-none navbar-menu position-fixed top-0 start-0 bottom-0 w-75 mw-xs" style="z-index: 9999;")
                div(class="navbar-close navbar-backdrop position-fixed top-0 start-0 end-0 bottom-0 bg-dark" style="opacity: 75%;")
                nav(class="position-relative h-100 w-100 d-flex flex-column justify-content-between py-8 px-8 bg-white overflow-auto")
                  div(class="d-flex align-items-center")
                    a(class="me-auto h4 mb-0 text-decoration-none" href="#")
                      img(class="img-fluid" src="images/logo.svg" alt="")
                    |                     
                    a(class="navbar-close" href="#")
                      svg(width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg")
                        path(d="M6 18L18 6M6 6L18 18" stroke="#111827" stroke-width="2" stroke-linecap="round" stroke-linejoin="round")
                  div(class="py-12")
                    ul(class="nav flex-column")
                      li(class="nav-item mb-4")
                        a(class="nav-link" href="about.html") About Us
                      li(class="nav-item mb-4")
                        a(class="nav-link" href="pricing.html") Pricing
                      li(class="nav-item mb-4")
                        a(class="nav-link" href="blog.html") Blog
                      li(class="nav-item")
                        a(class="nav-link" href="contact.html") Contact Us
                  div
                    a(class="btn d-block mb-2 btn-sm btn-outline-light text-dark" href="login.html") Login
                    a(class="btn d-block btn-sm btn-primary" href="register.html") Get Started
      section(class="py-12 py-md-16 py-lg-24")
        div(class="container position-relative")
          div(class="mw-md mw-md-xl mx-auto mw-lg-6xl")
            div(class="mb-20 mb-md-32")
              div(class="row")
                div(class="col-12 col-lg-5 mb-12 mb-lg-0")
                  div(class="mw-lg-md h-100")
                    img(class="img-fluid d-block h-100 w-100 rounded-3" style="object-fit: cover;" src="https://images.unsplash.com/photo-1552664730-d307ca884978?crop=entropy&cs=srgb&fm=jpg&ixid=M3wzMzIzMzB8MHwxfHNlYXJjaHw5fHx3ZWIlMjBkZXZlbG9wZXJ8ZW58MHx8fHwxNzE4Nzk4NDk5fDA&ixlib=rb-4.0.3&q=85&w=1920" alt="")
                div(class="col-12 col-lg-7")
                  div(class="mw-lg py-lg-16")
                    h2(class="font-heading mb-6") On a mission to make learning fun
                    p(class="fs-5 text-light-dark mb-0") We are driven to transform the landscape of learning into a captivating journey of excitement and discovery. Our aim is to infuse every educational experience with the essence of joy, making learning an immersive adventure that fuels curiosity and fosters growth.
            h4(class="text-center mb-8") Our investors
            div(class="mb-20 mb-md-32 py-8 border bg-white rounded-3")
              div(class="row")
                div(class="col-12 col-md-6 col-lg-3 mb-4 mb-lg-0 py-8")
                  img(class="img-fluid d-block mx-auto" src="codecraft-assets/images/logos/placeholder-logo1.png" alt="")
                div(class="col-12 col-md-6 col-lg-3 mb-4 mb-lg-0 py-8")
                  img(class="img-fluid d-block mx-auto" src="codecraft-assets/images/logos/placeholder-logo2.png" alt="")
                div(class="col-12 col-md-6 col-lg-3 mb-4 mb-md-0 py-8")
                  img(class="img-fluid d-block mx-auto" src="codecraft-assets/images/logos/placeholder-logo3.png" alt="")
                div(class="col-12 col-md-6 col-lg-3 py-8")
                  img(class="img-fluid d-block mx-auto" src="codecraft-assets/images/logos/placeholder-logo4.png" alt="")
            div(class="mb-20 mb-md-32 mb-xl-40")
              h4(class="mb-16") Our investors
              div(class="row")
                div(class="col-12 col-lg-6 mb-8 mb-lg-0")
                  div(class="position-relative ps-8 mw-lg")
                    div(class="position-absolute start-0 top-0 border-2 border-start border-primary py-3")
                    h5(class="display-3 fw-bold mb-4") Passion for Innovation
                    p(class="text-muted") We thrive on a relentless passion for innovation. We constantly challenge the status quo, seeking out creative solutions and pushing the boundaries of what's possible.
                div(class="col-12 col-lg-6")
                  div(class="position-relative ps-8 mw-lg")
                    div(class="position-absolute start-0 top-0 border-2 border-start border-primary py-3")
                    h5(class="display-3 fw-bold mb-4") Collaborative Community
                    p(class="text-muted") We foster an inclusive and supportive environment where every voice is heard, and diverse perspectives contribute to our collective success. Together, we achieve more.
            div(class="row mb-8")
              div(class="col-12 col-lg-6")
                h4 Team photos
              div(class="col-12 col-lg-6")
                div(class="d-flex py-8 justify-content-end")
                  div(class="text-center px-8 border-end border-2 border-light")
                    span(class="d-block small text-light-dark mb-2") Team members
                    |                     
                    span(class="h4") 110
                  div(class="text-center px-8")
                    span(class="d-block small text-light-dark mb-2") Nationalities
                    |                     
                    span(class="h4") 24
            div(class="row mb-32")
              div(class="col-12 col-lg-4 mb-8 mb-lg-0")
                img(class="img-fluid rounded-3 w-100" style="height: 320px; object-fit: cover;" src="codecraft-assets/images/about/picture5.png" alt="")
              div(class="col-12 col-lg-4 mb-8 mb-lg-0")
                img(class="img-fluid rounded-3 w-100" style="height: 320px; object-fit: cover;" src="codecraft-assets/images/about/picture3.png" alt="")
              div(class="col-12 col-lg-4")
                img(class="img-fluid rounded-3 w-100" style="height: 320px; object-fit: cover;" src="codecraft-assets/images/about/picture2.png" alt="")
            div(class="text-center mb-16")
              h4(class="mb-6 text-center") Meet the team
              p(class="text-light-dark mb-6") A dynamic group of individuals united by passion and expertise
              a(class="btn btn-sm btn-primary fs-6" href="#") Careers
            div(class="row")
              div(class="col-12 col-lg-4 mb-8 mb-lg-0")
                div(class="position-relative rounded-3 overflow-hidden")
                  img(class="position-relative img-fluid d-block w-100" src="codecraft-assets/images/about/men-picture.png" alt="")
                  div(class="position-absolute bottom-0 start-0 px-8 py-4 bg-white" style="border-top-right-radius: 24px;")
                    span(class="d-block display-3 fw-bold mb-2") David Petrucci
                    |                     
                    span(class="small text-light-dark") Founder & CEO
              div(class="col-12 col-lg-4 mb-8 mb-lg-0")
                div(class="position-relative rounded-3 overflow-hidden")
                  img(class="position-relative img-fluid d-block w-100" src="codecraft-assets/images/about/woman-picture2.png" alt="")
                  div(class="position-absolute bottom-0 start-0 px-8 py-4 bg-white" style="border-top-right-radius: 24px;")
                    span(class="d-block display-3 fw-bold mb-2") Malika Gil
                    |                     
                    span(class="small text-light-dark") Operations Manager
              div(class="col-12 col-lg-4")
                div(class="position-relative rounded-3 overflow-hidden")
                  img(class="position-relative img-fluid d-block w-100" src="codecraft-assets/images/about/woman-picture1.png" alt="")
                  div(class="position-absolute bottom-0 start-0 px-8 py-4 bg-white" style="border-top-right-radius: 24px;")
                    span(class="d-block display-3 fw-bold mb-2") Erika Newton
                    |                     
                    span(class="small text-light-dark") Growth Marketer
      section(class="py-12 py-md-16 py-lg-24 overflow-hidden")
        div(class="mb-12 mb-md-24 pb-8 pb-md-16 border-bottom border-light")
          div(class="container")
            div(class="mw-5xl mx-auto text-center")
              h3(class="font-heading") Careers
        div(class="container")
          div(class="mw-5xl mx-auto")
            h4(class="mb-4") What we’re building
            div(class="row mb-16")
              div(class="col-12 col-lg-6 mb-6 mb-lg-0")
                div
                  p(class="text-light-dark mb-0") People are shifting to a new form of collaboration in distributed teams and are wasting too much effort connecting the dots between different work streams to understand the bigger picture. Solstice is building a work hub that gives people a radically simpler way to coordinate work across teams and get context on what’s happening.
              div(class="col-12 col-lg-6")
                div
                  p(class="text-light-dark mb-0") By bringing structure, access, and efficiency to teamwork, Solstice makes it easier for businesses to scale their operations. Backed by Atomico, Salesforce Ventures, and Mosaic, we’re on a mission to unlock the collective potential of teams and would love for you to join us!
        div(class="d-flex justify-content-center mb-24")
          img(class="img-fluid flex-shrink-0 col-4 me-6 rounded-2" src="codecraft-assets/images/careers/picture4.png" alt="")
          img(class="img-fluid flex-shrink-0 col-4 me-6 rounded-2" src="codecraft-assets/images/careers/picture5.png" alt="")
          img(class="img-fluid flex-shrink-0 col-4 rounded-2" src="codecraft-assets/images/careers/picture6.png" alt="")
        div(class="container")
          div(class="mw-5xl mx-auto")
            div(class="text-center mb-16")               
            |               
            |             
            div(class="mt-24 mb-10")
              h4(class="text-center mb-10") Open roles
              div(class="row mb-10")
                div(class="col-12 col-md-6 mb-8 mb-md-0")
                  a(class="btn btn-outline-light d-block h-100 p-8 text-start text-dark fw-normal rounded-3" href="#")
                    div(class="d-flex mb-n4 flex-wrap justify-content-between align-items-center")
                      div(class="pe-6 mb-4")
                        h5(class="mb-4") Full-Stack Engineer
                        div(class="d-flex mb-n4 flex-wrap align-items-center")
                          span(class="badge mb-4 bg-primary-light fw-medium text-primary border") Engineering
                          |                           
                          span(class="ms-4 mb-4 d-flex align-items-center")
                            svg(width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg")
                              path(d="M17.1833 7.04158C16.3083 3.19159 12.95 1.45825 10 1.45825C10 1.45825 10 1.45825 9.99167 1.45825C7.05 1.45825 3.68334 3.18325 2.80834 7.03325C1.83334 11.3333 4.46667 14.9749 6.85 17.2666C7.73334 18.1166 8.86667 18.5416 10 18.5416C11.1333 18.5416 12.2667 18.1166 13.1417 17.2666C15.525 14.9749 18.1583 11.3416 17.1833 7.04158ZM10 11.2166C8.55 11.2166 7.375 10.0416 7.375 8.59159C7.375 7.14158 8.55 5.96658 10 5.96658C11.45 5.96658 12.625 7.14158 12.625 8.59159C12.625 10.0416 11.45 11.2166 10 11.2166Z" fill="#8C8C8C")
                            span(class="ms-1 text-muted") Remote
                      div(class="mb-4")
                        svg(width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg")
                          path(d="M16.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM18.53 12.53L14.24 16.82C14.09 16.97 13.9 17.04 13.71 17.04C13.52 17.04 13.33 16.97 13.18 16.82C12.89 16.53 12.89 16.05 13.18 15.76L16.19 12.75H6C5.59 12.75 5.25 12.41 5.25 12C5.25 11.59 5.59 11.25 6 11.25H16.19L13.18 8.24C12.89 7.95 12.89 7.47 13.18 7.18C13.47 6.89 13.95 6.89 14.24 7.18L18.53 11.47C18.67 11.61 18.75 11.8 18.75 12C18.75 12.2 18.67 12.39 18.53 12.53Z" fill="#B8B8B8")
                div(class="col-12 col-md-6")
                  a(class="btn btn-outline-light d-block h-100 p-8 text-start text-dark fw-normal rounded-3" href="#")
                    div(class="d-flex mb-n4 flex-wrap justify-content-between align-items-center")
                      div(class="pe-6 mb-4")
                        h5(class="mb-4") Staff Product Designer
                        div(class="d-flex mb-n4 flex-wrap align-items-center")
                          span(class="badge mb-4 bg-primary-light fw-medium text-primary border") Engineering
                          |                           
                          span(class="ms-4 mb-4 d-flex align-items-center")
                            svg(width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg")
                              path(d="M17.1833 7.04158C16.3083 3.19159 12.95 1.45825 10 1.45825C10 1.45825 10 1.45825 9.99167 1.45825C7.05 1.45825 3.68334 3.18325 2.80834 7.03325C1.83334 11.3333 4.46667 14.9749 6.85 17.2666C7.73334 18.1166 8.86667 18.5416 10 18.5416C11.1333 18.5416 12.2667 18.1166 13.1417 17.2666C15.525 14.9749 18.1583 11.3416 17.1833 7.04158ZM10 11.2166C8.55 11.2166 7.375 10.0416 7.375 8.59159C7.375 7.14158 8.55 5.96658 10 5.96658C11.45 5.96658 12.625 7.14158 12.625 8.59159C12.625 10.0416 11.45 11.2166 10 11.2166Z" fill="#8C8C8C")
                            span(class="ms-1 text-muted") Design
                      div(class="mb-4")
                        svg(width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg")
                          path(d="M16.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM18.53 12.53L14.24 16.82C14.09 16.97 13.9 17.04 13.71 17.04C13.52 17.04 13.33 16.97 13.18 16.82C12.89 16.53 12.89 16.05 13.18 15.76L16.19 12.75H6C5.59 12.75 5.25 12.41 5.25 12C5.25 11.59 5.59 11.25 6 11.25H16.19L13.18 8.24C12.89 7.95 12.89 7.47 13.18 7.18C13.47 6.89 13.95 6.89 14.24 7.18L18.53 11.47C18.67 11.61 18.75 11.8 18.75 12C18.75 12.2 18.67 12.39 18.53 12.53Z" fill="#B8B8B8")
            div(class="p-6 rounded-3 border border-primary")
              div(class="d-flex flex-wrap align-items-center justify-content-between mb-n4")
                p(class="mw-xl text-light-dark mb-4")
                  span Can’t find the right role? Email your CV to
                  |                   
                  a(class="d-inline-block fw-bold text-dark-light" href="mailto:") jobs@jobs.com
                  |                   
                  span to be considered for new positions in the future.
                a(class="btn mb-4 btn-sm d-inline-flex flex-wrap align-items-center justify-content-center btn-primary" href="#")
                  svg(width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg")
                    path(d="M14.1666 2.91675H5.83329C3.33329 2.91675 1.66663 4.16675 1.66663 7.08341V12.9167C1.66663 15.8334 3.33329 17.0834 5.83329 17.0834H14.1666C16.6666 17.0834 18.3333 15.8334 18.3333 12.9167V7.08341C18.3333 4.16675 16.6666 2.91675 14.1666 2.91675ZM14.5583 7.99175L11.95 10.0751C11.4 10.5167 10.7 10.7334 9.99996 10.7334C9.29996 10.7334 8.59163 10.5167 8.04996 10.0751L5.44163 7.99175C5.17496 7.77508 5.13329 7.37508 5.34163 7.10841C5.55829 6.84175 5.94996 6.79175 6.21663 7.00841L8.82496 9.09175C9.45829 9.60008 10.5333 9.60008 11.1666 9.09175L13.775 7.00841C14.0416 6.79175 14.4416 6.83341 14.65 7.10841C14.8666 7.37508 14.825 7.77508 14.5583 7.99175Z" fill="white")
                  span(class="ms-2") Email my resume
      section(class="py-12 py-md-16 py-lg-24 position-relative")
        div(class="container position-relative")
          div(class="mw-5xl mx-auto py-20 px-8 bg-primary rounded-3")
            div(class="mw-lg mw-xl-2xl mx-auto text-center")
              h3(class="font-heading mb-6 text-white") Want to learn to build templates like this one?
              p(class="text-primary-light mb-10") Visit www.pixelrocket.store and learn how to become a frontend web developer - Join now!
              div(class="d-inline-block bg-white rounded-pill")
                a(class="btn text-dark w-100" href="https://www.pixelrocket.store") Get Started Now
      section(class="pt-12 pt-lg-24")
        div(class="container")
          div(class="pt-10 px-10 pb-20 pb-lg-32 bg-light-light rounded-top")
            div(class="row")
              div(class="col-lg-4 mb-16 mb-lg-0")
                a(class="d-inline-block mb-6" href="#")
                  img(src="images/logo.svg" alt="")
                p(class="text-light-dark small mb-0") © 2023 Solstice. All rights reserved.
              div(class="col-lg-8")
                div(class="row")
                  div(class="col-6 col-md-3 mb-12")
                    h6(class="mb-6 fw-medium") Platform
                    ul(class="list-unstyled mb-0")
                      li(class="mb-6")
                        a(class="btn btn-link text-light-dark p-0" href="#") Features
                      li(class="mb-6")
                        a(class="btn btn-link text-light-dark p-0" href="#") How it works
                      li(class="mb-6")
                        a(class="btn btn-link text-light-dark p-0" href="#") Pricing
                      li(class="mb-6")
                        a(class="btn btn-link text-light-dark p-0" href="#") Features
                      li
                        a(class="btn btn-link text-light-dark p-0" href="#") Events
                  div(class="col-6 col-md-3 mb-12")
                    h6(class="mb-6 fw-medium") Company
                    ul(class="list-unstyled mb-0")
                      li(class="mb-6")
                        a(class="btn btn-link text-light-dark p-0" href="#") About
                      li(class="mb-6")
                        a(class="btn btn-link text-light-dark p-0" href="#") Our Mission
                      li(class="mb-6")
                        a(class="btn btn-link text-light-dark p-0" href="#") Careers
                      li
                        a(class="btn btn-link text-light-dark p-0" href="#") Contact
                  div(class="col-6 col-md-3")
                    h6(class="mb-6 fw-medium") Resources
                    ul(class="list-unstyled mb-0")
                      li(class="mb-6")
                        a(class="btn btn-link text-light-dark p-0" href="#") Tutorials
                      li(class="mb-6")
                        a(class="btn btn-link text-light-dark p-0" href="#") Blog
                      li(class="mb-6")
                        a(class="btn btn-link text-light-dark p-0" href="#") Help Center
                      li(class="mb-6")
                        a(class="btn btn-link text-light-dark p-0" href="#") Features
                      li
                        a(class="btn btn-link text-light-dark p-0" href="#") Support
                  div(class="col-6 col-md-3")
                    h6(class="mb-6 fw-medium") Community
                    ul(class="list-unstyled mb-0")
                      li(class="mb-6")
                        a(class="btn btn-link text-light-dark p-0" href="#") Discord Server
                      li(class="mb-6")
                        a(class="btn btn-link text-light-dark p-0" href="#") Slack Group
                      li
                        a(class="btn btn-link text-light-dark p-0" href="#") Zoom Room
    script(src="js/bootstrap/bootstrap.bundle.min.js")
    script(src="js/main.js")
