Własne style CSS dla podstron

Witam,
Mam prostą stronę na której chce umieścić odnośniki do podstron z własnymi stylami css.
Po wczytaniu pliku z linku na stronie głównej ładują się style css strony głównej.
Jak podpiąć indywidualne pliki css i js dla podstron?

Bez kodu kompletnie nie widać co robisz więc nie da się udzielić odpowiedzi. To jest strona oparta na jakimś frameworku, jest tam jakieś nie wiem, PHP generujące kod?

W sekcji portfolio chcę umieścić przykładowe strony, z możliwością podglądu tych stron.
Nie używam PHP

    <section class="portfolio" id="portfolio">
        <h2 class="title" data-aos="zoom-in">Portfolio</h2>

        <div class="swiper portfolio-slider" data-aos="flip-up">

            <div class="swiper-wrapper">

                <div class="swiper-slide box">
                    <img src="images/screens/001_page1.jpg" alt="">
                    <div class="content">
                        <h3>Page1</h3>
                        <a href="/websites/001_page/index.html" target="_blank"><button
                                class="custom-btn btn-7"><span>check
                                    out</span></button></a>
                    </div>
                </div>

                <!-- <div class="swiper-slide box">
                    <img src="images/screens/002_Beauty.jpg" alt="">
                    <div class="content">
                        <h3>Page2</h3>
                        <a href="/websites/002_page2/index.html"" target="_blank"><button
                                class="custom-btn btn-7"><span>check
                                    out</span></button></a>                    </div>
                </div> -->

                <div class="swiper-slide box">
                    <img src="images/screens/003_Caffe.jpg" alt="">
                    <div class="content">
                        <h3>Caffe</h3>
                        <a href="/websites/003_caffe/caffe.html" target="_blank"><button class="custom-btn btn-7"><span>check
                                    out</span></button></a>
                    </div>
                </div>

                <div class="swiper-slide box">
                    <img src="images/screens/004_car.jpg" alt="">
                    <div class="content">
                        <h3>Car Rent</h3>
                        <a href="#" target="_blank"><button
                                class="custom-btn btn-7"><span>check
                                    out</span></button></a>                    </div>
                </div>

                <div class="swiper-slide box">
                    <img src="images/screens/005_fitness.jpg" alt="">
                    <div class="content">
                        <h3>Gym</h3>
                        <a href="#" target="_blank"><button
                                class="custom-btn btn-7"><span>check
                                    out</span></button></a>                    </div>
                </div>

                <div class="swiper-slide box">
                    <img src="images/screens/006_burger.jpg" alt="">
                    <div class="content">
                        <h3>Burger</h3>
                        <a href="#" target="_blank"><button
                                class="custom-btn btn-7"><span>check
                                    out</span></button></a>                    </div>
                </div>

                <div class="swiper-slide box">
                    <img src="images/screens/007_pizza.jpg" alt="">
                    <div class="content">
                        <h3>Pizza</h3>
                        <a href="#" target="_blank"><button
                                class="custom-btn btn-7"><span>check
                                    out</span></button></a>                    </div>
                </div>

                <div class="swiper-slide box">
                    <img src="images/screens/008_Building.jpg" alt="">
                    <div class="content">
                        <h3>Building Company</h3>
                        <a href="#" target="_blank"><button
                                class="custom-btn btn-7"><span>check
                                    out</span></button></a>                    </div>
                </div>

            </div>

            <div class="swiper-pagination"></div>

        </div>

    </section>

Chcesz umożliwić ich podgląd na stronie swojego portfolio czy na stronie, do której prowadzi <a href="/websites/001_page/index.html" target="_blank">?

No to w jednym pliku wrzucasz <link href="podstrona1.css" rel="stylesheet" /> w drugim <link href="podstrona2.css" rel="stylesheet" />, i to samo ze skryptami.