

<!-- 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 Roc de Chateauvieux AOC Touraine sauvignon blanc.png" class="img-fluid bottle pr-5 pl-5" style="padding-right:45px;" alt="Domaine Roc de Chateauvieux AOC Touraine sauvignon blanc">
                                    </div>
                                    <div class="col-7 col-md-8">
                                        <p class="soloWineName pt-5 pb-5">Domaine Roc de Chateauvieux AOC Touraine sauvignon blanc</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> sauvignon blanc </p>
                                                                                                                                            </div>

                                            <div class="tab-pane fade" id="serveren" role="tabpanel" aria-labelledby="vineyard-tab">
                                                                                                    <p><strong>Proefnotities:</strong> Stuivend frisse wijn met het unieke karakter van de sauvignondruif. In de  geur de karakteristieke ribes en kruisbessen. De smaak is fris, rijk met citrus, geel fruit en een lange finale.</p>
                                                                                                                                                    <p><strong>Serveersuggesties:</strong> Perfect als aperitief en bij frisse salades, diverse soorten vis en traditioneel bij geitenkaas.</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> Loire</p>
                                                                                                                                                    <p><strong>Streek:</strong> Touraine is een wijngebied, rond de stad Tours, in het hart van de Loire regio. Het gebied is bekend om de rijke historie, talrijke kastelen en natuurlijk zijn wijnen.</p>
                                                                                                                                                    <p><strong>Over het wijnhuis:</strong> Al sinds de 18e eeuw was de familie Chainier al bij de wijnbouw betrokken. Ze zijn hiermee gestart in Bordeaux. In navolging van de Franse koningen is de familie ook vertrokken naar de Loire vallei en sinds 1973 is Domaine Chainier een feit. Vandaag de dag is de familie eigenaar van meerdere eigen Domaines & Châteaux langs de Loire met een totaal van 250 ha. aan wijngaarden. Tegenwoordig is het één van de meest vooruit strevende wijnbedrijven van de Loire.</p>
                                                                                                                                                    <p><strong>Bijzonderheden/opmerkingen:</strong> De 60 ha. wijngaarden liggen in het meest westelijke gedeelte van het Touraine wijngebied en profiteren van het koelere klimaat, terwijl de wijngaarden vooral zuid en zuid-west georiënteerd zijn en optimaal van de zon gebruik maken.
</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 Roc de Chateauvieux AOC Touraine sauvignon blanc.jpg" download="Domaine Roc de Chateauvieux AOC Touraine sauvignon blanc-HR" class="pb-4">download drukwerkafbeelding (hoge resolutie)</a></p>
                                        <p><a href="/wijnflessen/Domaine Roc de Chateauvieux AOC Touraine sauvignon blanc.png" download="Domaine Roc de Chateauvieux AOC Touraine sauvignon blanc-LR" class=" pb-4">download internetafbeelding (lage resolutie)</a></p>
                                        <p><a href="/test.php?id=241012" 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>Loire</p>
                                        <p><strong>Type wijn: </strong>Wit</p>
                                        <p><strong>Jaargang: </strong>2022</p>
                                        <p><strong>Artikelnummer: </strong>241012</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>