

<!-- 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/Domaine Lafage 'Côté Rosé' IGP Côtes Catalanes.png" class="img-fluid bottle pr-5 pl-5" style="padding-right:45px;" alt="Domaine Lafage 'Côté Rosé' IGP Côtes Catalanes">
                                    </div>
                                    <div class="col-7 col-md-8">
                                        <p class="soloWineName pt-5 pb-5">Domaine Lafage 'Côté Rosé' IGP Côtes Catalanes</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> 90% grenache noir, 10% cabernet sauvignon.</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> Rijk, soepel en verfrissend met uitbundig rood fruit, subtiele zuren en een lange finale.</p>
                                                                                                                                                    <p><strong>Serveersuggesties:</strong> Lekker bij alle schelp- en schaaldieren, gebakken en gegrilde vis of als aperitief. </p>
                                                                                                                                                    <p><strong>Serveer temperatuur:</strong> 8-10° C.</p>
                                                                                            </div>
                                            <div class="tab-pane fade" id="achtergrond" role="tabpanel" aria-labelledby="background-tab">
                                                                                                    <p><strong>Gebied:</strong> Roussillon </p>
                                                                                                                                                    <p><strong>Streek:</strong> Vin de Pays uit het zuiden van Frankrijk. Wijngaarden liggen rond de plaats Perpignan in de regio Roussillon. Het klimaat is Mediterraan en warm. De bodem bestaat uit zandsteen gemengd met gravel en kalkhoudende klei.</p>
                                                                                                                                                    <p><strong>Over het wijnhuis:</strong> Ingeklemd tussen de azuurblauwe Mediterranée en de machtige Pyreneeën, in het uiterste zuiden van Frankrijk tussen Perpignan en de kust, ligt het 15e eeuwse mas Domaine Lafage. Rondom de eeuwenoude kelders liggen niet minder dan 140 hectares wijngaarden op arme bodems van schiste en kalk. Inmiddels wordt het domein gerund door de zesde generaties vignerons: het gedreven wijnmakersechtpaar Jean-Marc en Eliane Lafage. Na veel omzwervingen over de wereld en werkzaam te zijn geweest bij diverse wijnproducenten, is Jean-Marc teruggekeerd op het ouderlijke wijnnest.</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/Domaine Lafage 'Côté Rosé' IGP Côtes Catalanes.jpg" download="Domaine Lafage 'Côté Rosé' IGP Côtes Catalanes-HR" class="pb-4">download drukwerkafbeelding (hoge resolutie)</a></p>
                                        <p><a href="/wijnflessen/Domaine Lafage 'Côté Rosé' IGP Côtes Catalanes.png" download="Domaine Lafage 'Côté Rosé' IGP Côtes Catalanes-LR" class=" pb-4">download internetafbeelding (lage resolutie)</a></p>
                                        <p><a href="/test.php?id=232202" 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>Roussillon </p>
                                        <p><strong>Type wijn: </strong>Ros&eacute;</p>
                                        <p><strong>Jaargang: </strong>2022</p>
                                        <p><strong>Artikelnummer: </strong>232202</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>