

<!-- class Upload
{
	public $filename;
	public $width = 800;
	public $height = 800;
	public $crop = false;
	public $thumb_crop = true;
	public $thumb_width = 100;
	public $thumb_height = 100;
	public $thumb = false;
	public $max_size = 6097152; // ~6MB

	private $dest_path;
	private $thumb_path;
	private $orig_path;
	private $resize = false;
	private $tmp_name;
	private $file = [];
	private $file_ok = false;

	function __construct($dest_path, $file)
	{
		$this->file = $file;

		$oldumask = umask(0);
		@mkdir($dest_path . "thumb/", 0777, true);
		@mkdir($dest_path . "orig/", 0777, true);
		umask($oldumask);

		$this->dest_path = $dest_path;
		$this->thumb_path = $dest_path . 'thumb/';
		$this->orig_path = $dest_path . 'orig/';

		$this->tmp_name = $this->file['tmp_name'];
		$this->filename = $this->get_filename($this->file['name']);

		if (in_array($this->file["type"], ["image/gif", "image/jpeg", "image/png", "image/webp"]) && ($this->file["size"] < $this->max_size)) {
			$this->file_ok = true;
			$this->save_original();
		}
	}

	private function get_filename($filename)
	{
		$name = pathinfo($filename, PATHINFO_FILENAME);
		$extension = pathinfo($filename, PATHINFO_EXTENSION);

		$temp_name = $name;
		$i = 1;
		while (file_exists($this->orig_path . $temp_name . "." . $extension)) {
			$temp_name = $name . '_' . $i;
			$i++;
		}

		return $temp_name . "." . $extension;
	}

	public function save_image()
	{
		if ($this->file_ok) {
			if ($this->resize) {
				$this->create_image($this->dest_path, $this->filename, $this->width, $this->height, $this->crop);
			} else {
				copy($this->orig_path . $this->filename, $this->dest_path . $this->filename);
			}

			if ($this->thumb) {
				$this->create_image($this->thumb_path, $this->filename, $this->thumb_width, $this->thumb_height, $this->thumb_crop);
			}
		}
	}

	private function create_image($path, $filename, $targetWidth, $targetHeight, $crop)
	{
		$file_path = $this->orig_path . $filename;
		list($origWidth, $origHeight) = getimagesize($file_path);

		$src_image = $this->image_create_from_file($file_path, $this->file['type']);
		if (!$src_image) {
			return false; // Failed to create image from file
		}

		// Calculate resize ratio respecting aspect ratio
		$ratio_orig = $origWidth / $origHeight;
		$ratio_target = $targetWidth / $targetHeight;

		// Initialize dimensions for resizing
		$resizeWidth = $targetWidth;
		$resizeHeight = $targetHeight;

		if ($crop) {
			if ($ratio_orig > $ratio_target) {
				// Original image is wider, fit height
				$resizeWidth = $targetHeight * $ratio_orig;
				$resizeHeight = $targetHeight;
			} else {
				// Original image is taller, fit width
				$resizeWidth = $targetWidth;
				$resizeHeight = $targetWidth / $ratio_orig;
			}
		} else {
			if ($ratio_orig > $ratio_target) {
				// Original image is wider, fit height
				$resizeWidth = $targetHeight * $ratio_orig;
				$resizeHeight = $targetHeight;
			} else {
				// Original image is taller, fit width
				$resizeWidth = $targetWidth;
				$resizeHeight = $targetWidth / $ratio_orig;
			}
		}

		// Create a new true color image with the calculated dimensions
		$resized_image = imagecreatetruecolor($resizeWidth, $resizeHeight);

		// Preserve transparency in PNG images
		if ($this->file['type'] == 'image/png') {
			imagecolortransparent($resized_image, imagecolorallocatealpha($resized_image, 0, 0, 0, 127));
			imagealphablending($resized_image, false);
			imagesavealpha($resized_image, true);
		}

		// Resize the original image
		imagecopyresampled($resized_image, $src_image, 0, 0, 0, 0, $resizeWidth, $resizeHeight, $origWidth, $origHeight);

		// Calculate cropping coordinates to center the image
		$crop_x = ($resizeWidth - $targetWidth) / 2;
		$crop_y = ($resizeHeight - $targetHeight) / 2;

		// Create the final image with the target dimensions
		$destination_image = imagecreatetruecolor($targetWidth, $targetHeight);

		// Preserve transparency in PNG images
		if ($this->file['type'] == 'image/png') {
			imagecolortransparent($destination_image, imagecolorallocatealpha($destination_image, 0, 0, 0, 127));
			imagealphablending($destination_image, false);
			imagesavealpha($destination_image, true);
		}

		// Crop the resized image to the target dimensions
		imagecopyresampled($destination_image, $resized_image, 0, 0, $crop_x, $crop_y, $targetWidth, $targetHeight, $targetWidth, $targetHeight);

		// Save the image in the original format
		$this->image_save_to_file($destination_image, $path . $filename, $this->file['type']);

		// Save the image in WebP format
		$this->image_save_to_webp($destination_image, $path . pathinfo($filename, PATHINFO_FILENAME) . '.webp', 70); // Adjust quality as needed

		// Cleanup
		imagedestroy($src_image);
		imagedestroy($resized_image);
		imagedestroy($destination_image);
	}


	private function image_create_from_file($filepath, $type)
	{
		switch ($type) {
			case 'image/jpeg':
				return imagecreatefromjpeg($filepath);
			case 'image/png':
				return imagecreatefrompng($filepath);
			case 'image/gif':
				return imagecreatefromgif($filepath);
			case 'image/webp':
				return imagecreatefromwebp($filepath);
			default:
				return false;
		}
	}

	private function image_save_to_file($image, $filepath, $type)
	{
		switch ($type) {
			case 'image/jpeg':
				imagejpeg($image, $filepath, 80); // Adjust quality as needed
				break;
			case 'image/png':
				imagepng($image, $filepath, 6); // Adjust compression level as needed
				break;
			case 'image/gif':
				imagegif($image, $filepath);
				break;
			case 'image/webp':
				imagewebp($image, $filepath, 85); // Adjust quality as needed
				break;
		}
	}

	private function image_save_to_webp($image, $filepath, $quality)
	{
		return imagewebp($image, $filepath, $quality);
	}

	private function save_original()
	{
		move_uploaded_file($this->tmp_name, $this->orig_path . $this->filename);
	}

	public function resize($width, $height)
	{
		$this->resize = true;
		$this->width = $width;
		$this->height = $height;
	}

	public function thumb($width = 100, $height = 100, $crop = true)
	{
		$this->thumb = true;
		$this->thumb_width = $width;
		$this->thumb_height = $height;
		$this->thumb_crop = $crop;
	}

	// Rotate Exif function omitted for brevity
} -->


<!doctype html>
<html lang="nl">

<head>
    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-WE26P5RN31"></script>
    <script>
        window.dataLayer = window.dataLayer || [];

        function gtag() {
            dataLayer.push(arguments);
        }
        gtag('js', new Date());

        gtag('config', 'G-WE26P5RN31');
    </script>
    <!-- Required meta tags -->
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />

    <title>DC WIJNEN</title>

    <link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png" />
    <link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png" />
    <link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png" />
    <link rel="manifest" href="site.webmanifest" />
    <link rel="mask-icon" href="safari-pinned-tab.svg" color="#5bbad5" />
    <link rel="shortcut icon" href="favicon.ico" />
    <meta name="msapplication-TileColor" content="#ffffff" />
    <meta name="msapplication-config" content="browserconfig.xml" />
    <meta name="theme-color" content="#ffffff" />

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" type="text/css" href="/css/main.min.css">

    <link rel="preconnect" href="https://fonts.gstatic.com" />
    <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap" rel="stylesheet" />
    <link href="/dflip/css/dflip.css" rel="stylesheet" type="text/css" />
    <link href="/dflip/css/themify-icons.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" integrity="sha384-DyZ88mC6Up2uqS4h/KRgHuoeGwBcD4Ng9SiP4dIRy0EXTlnuz47vAwmeGwVChigm" crossorigin="anonymous">
    <script defer data-domain="dcwijnen.nl" src="https://tester.spinnerz.nl/js/script.js"></script>
</head>

<body>
    <!-- Form element type of grape (color) search 1 -->
    <div class="container" style="padding-top:50px;">
        <div class="row justify-content-center mt-5 mb-5">
            <div class="col">
                <center><a href="/index.php"><img class="img-fluid" alt="dc wijnen boomsma" src="/images/dc.svg" /></a></center>
            </div>
        </div>

        <!-- navbar -->
        <nav class="navbar fixed-top navbar-expand-md navbar-light bg-white pt-3 ">
            <div class="container">
                <!-- <a class="navbar-brand" href="#">Fixed top</a> -->
                <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>

                <ul class="list-group list-group-horizontal d-block d-md-none ">
                    <a class="mr-3 px-2" href=" https://www.facebook.com/groups/DCwijnen" target="_blank"><i class="facebookBlue fab fa-2x fa-facebook"></i></a>
                    <a class="ml-3 px-2" href="https://www.youtube.com/channel/UCU_YWoB081k93FNq2htRugA?view_as=subscriber" target="_blank"><i class="youtubeRed fab fa-2x fa-youtube"></i></a>

                </ul>

                <div class="collapse navbar-collapse " id="navbarSupportedContent">

                    <ul class="navbar-nav me-auto mb-2 mb-lg-0  me-5 ">
                        <li class="nav-item"><a href="/index.php" class=" nav-link">Home</a></li>
                        

                                    <!-- Add subpages to dropdown for the products tab -->
                                                                            <li class="nav-item"><a href="/Contact" class=" nav-link"> Contact</a></li>
                                                                                    <li class="d-none d-md-block nav-item"><a href="https://www.facebook.com/groups/DCwijnen" target="_blank" class=" nav-link"><i class="facebookBlue fab fa-facebook fa-lg"></i></a></li>
                        <li class="d-none d-md-block nav-item"><a href="https://www.youtube.com/channel/UCU_YWoB081k93FNq2htRugA?view_as=subscriber" target="_blank" class=" nav-link"><i class="youtubeRed fab fa-youtube fa-lg"></i></a></li>


                    </ul>
                    <ul class="nav">
                        <li class="nav-item me-2"><a href="https://b2b-boomsma.dinonline.nl/" target="_blank" class="nav-link btn btn-sm btn-primary" style="color:#fff;">Bestel online</a></li>
                        <li class="nav-item me-2"><a href="/Receptenfolders" class="nav-link btn btn-sm btn-primary" style="color:#fff;">Bekijk de receptenfolders</a></li>
                    </ul>
                </div>
        </nav>
        <! -- End nav bar -->

            <div class="div d-block d-md-none mb-3">
                <div class="row">
                    <div class="col text-center">
                        <a href="https://b2b-boomsma.dinonline.nl/" class="mb-2 nav-link btn btn-sm btn-primary" target="_blank" style="color:#fff;">Bestel online</a>
                        <a href="/Receptenfolders" class="nav-link btn btn-sm btn-primary" style="color:#fff;">Bekijk de receptenfolders</a>
                    </div>
                </div>
            </div>

            <div class="row mb-3">
                <div class="col-12 main p-3">
                    <form method="post" id="searchelements" action="/index.php">
                        <div class="row">
                            <div class="col">
                                <label class="mb-2 searchc" for="">Zoek wijn op type</label>
                                <select class="form-control" name="kleur" id="kleur" onchange="this.form.submit()">
                                                                        <option value="">Maak een keuze</option>


                                        <option " value="DESSERT">Dessert                                        </option>
                                    
                                        <option " value="Mousseux">Mousseux                                        </option>
                                    
                                        <option " value="ROOD">Rood                                        </option>
                                    
                                        <option " value="ROSÉ">Rosé                                        </option>
                                    
                                        <option " value="WIT">Wit                                        </option>
                                    
                                </select>
                            </div>

                            <!-- Form element year search 2 -->
                            <div class="col-sm-12 col-md-4">
                                <label class="mb-2 searchc" for="land">Zoek wijn op land</label>
                                <select class="form-control" name="land" id="land" onchange="this.form.submit()">
                                                                        <option value="">Maak een keuze</option>
                                    
                                        <option " value="Argentinië">Argentinië                                        </option>
                                    
                                        <option " value="Californië">Californië                                        </option>
                                    
                                        <option " value="Chili">Chili                                        </option>
                                    
                                        <option " value="Duitsland">Duitsland                                        </option>
                                    
                                        <option " value="Frankrijk">Frankrijk                                        </option>
                                    
                                        <option " value="Italië">Italië                                        </option>
                                    
                                        <option " value="Nieuw-Zeeland">Nieuw-Zeeland                                        </option>
                                    
                                        <option " value="Oostenrijk">Oostenrijk                                        </option>
                                    
                                        <option " value="Portugal">Portugal                                        </option>
                                    
                                        <option " value="Spanje">Spanje                                        </option>
                                    
                                        <option " value="Zuid-Afrika">Zuid-Afrika                                        </option>
                                    
                                </select>
                            </div>

                            <!-- Form element wijnhuis search 3 -->
                            <div class="col">

                                <label class="mb-2 searchc" for="wijnhuis">Zoek wijn op wijnhuis</label>
                                <select class="form-control" name="wijnhuis" id="wijnhuis" onchange="this.form.submit()">
                                                                        <option value="">Maak een keuze</option>
                                    
                                        <option " value="Atmosphère">Atmosphère                                        </option>
                                    
                                        <option " value="Barahonda">Barahonda                                        </option>
                                    
                                        <option " value="Bodega Pirineos">Bodega Pirineos                                        </option>
                                    
                                        <option " value="Bodegas Lopez">Bodegas Lopez                                        </option>
                                    
                                        <option " value="Bodegas Piedemonte">Bodegas Piedemonte                                        </option>
                                    
                                        <option " value="Buena Vista Winery">Buena Vista Winery                                        </option>
                                    
                                        <option " value="Cantina Teanum">Cantina Teanum                                        </option>
                                    
                                        <option " value="Carlos Serres">Carlos Serres                                        </option>
                                    
                                        <option " value="Champagne Monmarthe">Champagne Monmarthe                                        </option>
                                    
                                        <option " value="Domaine Lafage">Domaine Lafage                                        </option>
                                    
                                        <option " value="Domaines Chainier">Domaines Chainier                                        </option>
                                    
                                        <option " value="Duché Longueville">Duché Longueville                                        </option>
                                    
                                        <option " value="Écusson Cidre bio">Écusson Cidre bio                                        </option>
                                    
                                        <option " value="Excelsior">Excelsior                                        </option>
                                    
                                        <option " value="Greyrock">Greyrock                                        </option>
                                    
                                        <option " value="Klein Friesland">Klein Friesland                                        </option>
                                    
                                        <option " value="Klostor">Klostor                                        </option>
                                    
                                        <option " value="Krohn">Krohn                                        </option>
                                    
                                        <option " value="Le Haut Païs">Le Haut Païs                                        </option>
                                    
                                        <option " value="Le Preare  ">Le Preare                                          </option>
                                    
                                        <option " value="les Gîtes ">les Gîtes                                         </option>
                                    
                                        <option " value="Maison Bouachon">Maison Bouachon                                        </option>
                                    
                                        <option " value="Maison Robert Vic">Maison Robert Vic                                        </option>
                                    
                                        <option " value="Ménard">Ménard                                        </option>
                                    
                                        <option " value="Montalvo Wilmot ">Montalvo Wilmot                                         </option>
                                    
                                        <option " value="Musti Nobilis">Musti Nobilis                                        </option>
                                    
                                        <option " value="Norabuena">Norabuena                                        </option>
                                    
                                        <option " value="Palazzi">Palazzi                                        </option>
                                    
                                        <option " value="Pruviniano">Pruviniano                                        </option>
                                    
                                        <option " value="Quinta do Côtto">Quinta do Côtto                                        </option>
                                    
                                        <option " value="Ropiteau frères">Ropiteau frères                                        </option>
                                    
                                        <option " value="Sabino">Sabino                                        </option>
                                    
                                        <option " value="Teanum">Teanum                                        </option>
                                    
                                        <option " value="Tenuta San Giorgio">Tenuta San Giorgio                                        </option>
                                    
                                        <option " value="Urbanihof">Urbanihof                                        </option>
                                    
                                        <option " value="Varvaglione">Varvaglione                                        </option>
                                    
                                        <option " value="Vega Real">Vega Real                                        </option>
                                    
                                        <option " value="Vignobles Ferret">Vignobles Ferret                                        </option>
                                    
                                        <option " value="Viña Aromo">Viña Aromo                                        </option>
                                    
                                </select>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-12">
                                <div class="d-grid gap-2 d-md-block mt-3">
                                    <a class="btn btn-primary" href="/index.php">Reset zoekresultaten</a>
                                    <a href="#" class="btn btn-primary" onclick="myFunction()">Geavanceerd zoeken</a></span>
                                    </p>
                                </div>

                            </div>
                        </div>
                    </form>
                    <form method="post" id="expertsearch" style="display:none;" action="/index.php">
                        <div class="input-group mb-3">
                            <input type="text" class="form-control" name="expert" required id="expert" placeholder="Voer uw zoekterm in">
                            <button type="submit" class="btn btn-primary">Zoeken</button>

                        </div>


                        <div class="d-grid d-md-block mt-3">
                            <a href="#" class="btn btn-primary d-md-block" onclick="myFunction()">Éénvoudig zoeken</a>
                        </div>
                    </form>
                </div>

                <div class="col main mt-3">
                    <p class="text-center pt-3">Voor extra informatie of het plaatsen van een bestelling, kunt u contact opnemen met 058-2135135 of mailen naar receptie@boomsma.frl.
                    </p>
                </div>
            </div>


                                <div class="container">
                        <div class="row row cols-2 p-4 wineOverview">

                            <div class=" col-md-12 col-lg-8 mb-5">
                                <div class="row">
                                    <div class="col-5 col-md-4 mt-3">
                                        <img src="/wijnflessen/Les Gîtes 'Cuvée Particulière' IGP Pays d'Oc rosé.png" class="img-fluid bottle pr-5 pl-5" style="padding-right:45px;" alt="Les Gîtes 'Cuvée Particulière' IGP Pays d'Oc rosé">
                                    </div>
                                    <div class="col-7 col-md-8">
                                        <p class="soloWineName pt-5 pb-5">Les Gîtes 'Cuvée Particulière' IGP Pays d'Oc rosé</p>

                                        <!-- Tabs Wine Information -->
                                        <ul class="nav nav-tabs mt-5">
                                            <li class="nav-item">
                                                <a class="nav-link active text-uppercase" data-bs-toggle="tab" data-bs-target="#wijngaard">Wijngaard & kelder</a>
                                            </li>
                                            <li class="nav-item">
                                                <a class="nav-link text-uppercase" data-bs-toggle="tab" data-bs-target="#serveren">serveren & proeven</a>
                                            </li>
                                            <li class="nav-item">
                                                <a class="nav-link text-uppercase" data-bs-toggle="tab" data-bs-target="#achtergrond">ACHTERGROND</a>
                                            </li>
                                        </ul>

                                        <div class="tab-content section-text" id="tabcontent" style="padding-top:34px;">
                                            <div class="tab-pane fade show active" id="wijngaard" role="tabpanel" aria-labelledby="latinname-tab">
                                                <p><strong>Druivensoorten:</strong> grenache, cinsault</p>
                                                                                                    <p><strong>Organic met certificaat:</strong> HVE</p>
                                                                                                                                            </div>

                                            <div class="tab-pane fade" id="serveren" role="tabpanel" aria-labelledby="vineyard-tab">
                                                                                                    <p><strong>Proefnotities:</strong> Geurige rosé waarbij het zachte rode fruit gekoppeld is aan een fris en milddroog karakter.</p>
                                                                                                                                                    <p><strong>Serveersuggesties:</strong> Ideaal als aperitief, terraswijn of bij salades en barbecues.</p>
                                                                                                                                                    <p><strong>Serveer temperatuur:</strong> 10-12° C.</p>
                                                                                            </div>
                                            <div class="tab-pane fade" id="achtergrond" role="tabpanel" aria-labelledby="background-tab">
                                                                                                    <p><strong>Gebied:</strong> Languedoc</p>
                                                                                                                                                    <p><strong>Streek:</strong> In het uiterste zuiden van Frankrijk, dicht tegen de Middellandse Zee, ligt het oude wijngebied Oc. De naam hiervan is afgeleid van de middeleeuwse naam Occitane. Deze streek baadt in het zonlicht en wordt doordrenkt met de geuren van garrigue, den cipressen, amandel- en olijfbomen. </p>
                                                                                                                                                    <p><strong>Over het wijnhuis:</strong> Het eerste waar je aan denkt bij 'Les Gîtes' is: vakantie in Frankrijk, plezier en lange gezellige avonden met een goed glas wijn. Het zijn typische genietwijnen die elke dag tot een vakantiedag maken.</p>
                                                                                                                                                    <p><strong>Bijzonderheden/opmerkingen:</strong> Qualenvi: Environment Quality for Independant Winemaker. Een door onafhankelijke wijnmakers zelf opgezet systeem van kwaliteitscontrole en eco-vriendelijk produceren van wijn. Daarom worden bijv. wijngaarden geploegd en hierdoor zijn er geen bestrijdingsmiddelen nodig.
</p>
                                                                                            </div>
                                        </div>
                                        <!-- end tabs -->
                                    </div>
                                </div>
                            </div>
                            <div class="col-12 col-md-12 col-lg-4">
                                <div class="row">
                                    <div class="col-12 col-md-6 col-lg-12">
                                        <p><strong>Downloads</strong></p>
                                                                                <p><a href="/wijnflessen/jpg/Les Gîtes 'Cuvée Particulière' IGP Pays d'Oc rosé.jpg" download="Les Gîtes 'Cuvée Particulière' IGP Pays d'Oc rosé-HR" class="pb-4">download drukwerkafbeelding (hoge resolutie)</a></p>
                                        <p><a href="/wijnflessen/Les Gîtes 'Cuvée Particulière' IGP Pays d'Oc rosé.png" download="Les Gîtes 'Cuvée Particulière' IGP Pays d'Oc rosé-LR" class=" pb-4">download internetafbeelding (lage resolutie)</a></p>
                                        <p><a href="/test.php?id=238201" class="pb-4">download PDF document met specificaties</a></p>
                                    </div>
                                    <div class=" col-12 col-md-6 col-lg-12">
                                        <hr>
                                        <p><strong>Producteigenschappen</strong></p>
                                        <p><strong>Land: </strong>Frankrijk</p>
                                        <p><strong>Gebied: </strong>Languedoc</p>
                                        <p><strong>Type wijn: </strong>Ros&eacute;</p>
                                        <p><strong>Jaargang: </strong>2023</p>
                                        <p><strong>Artikelnummer: </strong>238201</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                

                <div class="container">
                    <div class="row">
                        <div class="col text-center mt-5 mb-3 main">
                            <div class="row">
                                <div class="col-lg-4 offset-lg-3">
                                    D&C is onderdeel van: Boomsma Distilleerderij / Wijnkoperij B.V.
                                    <br>Edisonstraat 4-6 8912 AW Leeuwarden
                                    <br>Telefoon: 058 2135135 info@boomsma.frl www.dcwijnen.nl
                                </div>
                                <div class="col-lg-2">
                                    <img class="img-fluid" style="max-height:70px;" src="/images/logo-red.png">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>


                <script>
                    function myFunction() {
                        var x = document.getElementById("searchelements");
                        var y = document.getElementById("expertsearch");
                        if (x.style.display === "none") {
                            x.style.display = "block";
                            y.style.display = "none";
                        } else {
                            x.style.display = "none";
                            y.style.display = "block";

                        }
                    }
                </script>

                <script src="/dflip/js/dflip.js" type="text/javascript"></script>

                <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns" crossorigin="anonymous"></script>

                <!-- jQuery 1.9.1 or above -->
                <script src="/dflip/js/libs/jquery.min.js" type="text/javascript"></script>

                <!-- Flipbook main Js file -->
                <script src="/dflip/js/dflip.min.js" type="text/javascript"></script>

                <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/js/bootstrap.min.js" integrity="sha384-j0CNLUeiqtyaRmlzUHCPZ+Gy5fQu0dQ6eZ/xAww941Ai1SxSY+0EQqNXNE6DZiVc" crossorigin="anonymous"></script>

</body>

</html>