Dev-NayanBiswas/assignment-01

My journey with Programming hero starts here, this is my first website as well . . .

live-Link: https://dev-nayanbiswas.github.io/assignment-01/

header { section{ .navbar{ .myName{} .downloadButton{} } } } main{ section .hero{ .hero-banner-container{ .hero-image-container{ .hero-image{} } .hero-title-container{ .heroTitle{} .shortDescription{} .hero-btn{} } } }

section .banner{
    .bannerTitle{
        .heading-text{}
        .bannerTitleDescription{}
    }
    .banner-cards-container{
        .banner-card-1 inverse{
            .card-content-1{}
            .card-figure-1{}
        }
        .banner-card-2 reverse{
            .card-content-2{}
            .card-figure-2{}
        }
        .banner-card-3 inverse{
            .card-content-3{}
            .card-figure-3{}
        }
    }
    .inspiration{
        .inspirationTitle{
            .heading-text
        }
        .inspirationVideo{
            <iframe>
        }
    }
    .current-Target{
        .current-target-title{}
        .current-target-cards-container{
            .current-card{}
        }
    }
    .myNextTarget{
        .nextTargetTitle{
            .heading-text
        }
        .nextTargetCards-container{
            .next-card{}*3
        }
    }
    .support-container{
        .support-title{
            .heading-text
        }
        .support-form{
            input type=text
            input type=submit
        }
    }
}

} footer{ .footer-container{ p{} ul>li{} } }