<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>test-page 1 web Gualdo</title><!--change-->
        <link rel="stylesheet" href="styles.css">
    </head>
    <body>
        <header>
            <h1>Gualdo 2.0</h1> 
            <h1>Edition critique numérique de</h1> 
            <h1>l'oeuvre narrative de Luigi Gualdo (1844-1898)</h1> 
            <img src="../Pictures/lorem_ipsum.png" class="styled-image"> 
            <nav id="menu-deroulant"> <!--rajouter sous-menu-->
                <ul>
                    <li><a href="#accueil"onclick="scrollToSection('accueil')"><button id="openPopupBtn">Accueil</button></a></li>
                    <div id="popup" class="popup">
                        <div class="popup-content">
                            <span class="close-btn" onclick="closePopup()">&times;</span>
                            <h2>Accueil</h2>
                            <p>LOREM IPSUM.LOREM IPSUM. LOREM IPSUM.LOREM IPSUM.LOREM IPSUM.LOREM IPSUM.LOREM IPSUM LOREM IPSUM</p>
                        </div>
                    </div>
                    <li><a href="#luigi Gualdo"onclick="scrollToSection('luigi Gualdo')"><button id="openPopupBtn">Luigi Gualdo</button></a></li> <!--change-->
                    <div id="popup" class="popup">
                        <div class="popup-content">
                            <span class="close-btn" onclick="closePopup()">&times;</span>
                            <h3>Luigi Gualdo</h3>
                            <p>LOREM IPSUM. LOREM IPSUM. LOREM IPSUM.LOREM IPSUM.LOREM IPSUM.LOREM IPSUM.LOREM IPSUM LOREM IPSUM</p> <!--rajouter balise fr/it + fonction scroll-->
                        </div>
                    </div>
                    <div class="dropdown"> <!--menu deroulant-->
                        <button class="dropbtn" onclick="toggleDropdown()">Gualdo 2.0</button>
                        <div id="dropdownContent" class="dropdown-content">
                            <a href="#lorem">Lorem</a>
                            <a href="#ipsum">Ipsum</a>
                        </div>
                        <div class="dropdown"> <!--menu deroulant-->
                            <button class="dropbtn" onclick="toggleDropdown()">Edition</button>
                            <div id="dropdownContent" class="dropdown-content">
                                <a href="#lorem">Lorem</a>
                                <a href="#ipsum">Ipsum</a>
                            </div>
                    <li><input type="text" id="searchInput" placeholder="Rechercher..."></li> <!--barre de recherche-->
                            <!--fonction a compléter-->
                </ul>
            </nav>
        </header>
        <main>
            <div id="Content">
                <div class="lang"> <!--version bilingue-->
                    <a href="titre_fr.html">Fr</a> <!--version française: source presentation a rajouter-->
                    |
                    <a class="lienInterne" href="titre_it.html">It</a> <!--version italienne: source presentation  rajouter-->
                </div>
            </div>
            
            <div class="carousel"> <!--caroussel images-->
                <div class="carousel-inner">
                    <div class="carousel-item active">
                        <img src="../Pictures/lorem_ipsum.png" alt="Image 1" class="wrapped-image"> <!--1ère image ok--> <!-- habillage image 1 caroussel-->
                        <p>Lorem ipsum</p>
                    </div>
                    <div class="carousel-item">
                        <img src="../Pictures/lorem_ipsum.png" alt="Image 2" class="wrapped-image"> <!-- habillage image 2 caroussel-->
                        <p>Lorem ipsum</p>
                    </div>
                    <div class="carousel-item">
                        <img src="../Pictures/lorem_ipsum.png" alt="Image 3" class="wrapped-image"> <!--habillage image 3 caroussel-->
                        <p>Lorem ipsum</p>
                    </div>
                </div>
                <!--rajout boutons pour caroussel?-->
            </div>
            <div class="text-block1">
                <h2>LOREM IPSUM</h2>
                <p>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
                    Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
                    dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
                    proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
                </p>
                <p>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
                    Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
                    dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
                    proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
                </p>
                <p>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
                    Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
                    dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
                    proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
                </p>
                <p>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
                    Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
                    dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
                    proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
                </p>
                <p>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
                    Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
                    dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
                    proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
                </p>
                <p>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
                    Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
                    dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
                    proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
                </p>
            </div>
        </main>
        <footer>
            <p></p> <!--change-->
        </footer>
        <script src="script.js"></script>
    </body>
</html>

test_page_web.html

Ouvrir avec Google Docs

Page 4 sur 5 Page 3 sur 5 Page 2 sur 5 Page 1 sur 5

https://drive.google.com/drivesharing/driveshare?id=1ecxBfdgtSwOzRp3JwRSfszEbGCRRY6tB&themeColor=2&themeMode=1&foreignService=explorer&gaiaService=wise&shareService=explorer&command=init_share&subapp=10&popupWindowsEnabled=true&shareUiType=default&hl=fr&authuser=0&rand=1748936961414&locationHint=myDriveItem&preload=false&triggerInstantMs=1748936961414&initialCommandHint=settings&origin=https%3A%2F%2Fdrive.google.com&notpif=true&hostCanCseUpgradeBlobs=true

About Us

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Shop Owner

Matt Owen

Pulvinar semper tellus quisque facilisis amet arcu, semper dictum non felis gravida elementum integer morbi id ac in bibendum netus ultrices diam commodo leo.

Porttitor amet, tristique semper cursus tellus posuere morbi et adipiscing turpis lobortis tincidunt magna porta pharetra pretium vel viverra felis augue ullamcorper fringilla vulputate dolor pretium vehicula erat potenti viverra cras est.

Born to Ride

Our Story

With all disciplines under one roof, the NGENG Garage workshop is setup to design, prototype, manufacture a build from concept to final product.

Ultrices imperdiet tincidunt amet, id consequat nulla ac malesuada laoreet vitae congue egestas semper nibh orci lectus condimentum fusce hendrerit arcu, integer sit morbi etiam integer egestas tempor pharetra interdum dictumst at turpis accumsan in laoreet leo cursus etiam gravida quam volutpat mauris.

Id adipiscing sed dapibus lorem dui massa aliquet nisl, maecenas nulla ante vitae viverra ipsum, id donec tempor, etiam pellentesque id sit urna, interdum.

Founded

Projects

Clients

Awards

Our Team

Expert. Experienced.

Maecenas nullam turpis nulla orci massa volutpat senectus massa proin aliquam eget.

Danny Ings

Gearhead

Rodrigo Lima

Senior mechanic

Tim Hendrick

Shop Manager

Mario Jota

Mechanic

Let’s Build Your
Dream Bike!

Amet risus, tempor scelerisque posuere tortor sed lobortis non sem venenatis nunc quisque neque, amet sapien in velit odio.

Let’s Talk!

About Us

About Us

Shop Owner

Matt Owen

Born to Ride

Our Story

With all disciplines under one roof, the NGENG Garage workshop is setup to design, prototype, manufacture a build from concept to final product.

Our Team

Expert. Experienced.

Danny Ings

Rodrigo Lima

Tim Hendrick

Mario Jota

Let’s Build YourDream Bike!

Let’s Build Your
Dream Bike!