<?php

$metaTitle = "Blockcert iamb";
$metaDescription = "https://blockcert.iamb.it/";
$shareImage = "";
$currentLanguage = "en";
$currentLanguageCode = "en-US";

//Versioning
$landingVersion = "1.6";

?>
<!doctype html>
<!--[if lt IE 7 ]>
<html class="ie ie6 ie-lt10 ie-lt9 ie-lt8 ie-lt7" lang="<?=$currentLanguageCode?>" xmlns="http://www.w3.org/1999/xhtml">
<![endif]--> 
<!--[if IE 7 ]>
<html class="ie ie7 ie-lt10 ie-lt9 ie-lt8" lang="<?=$currentLanguageCode?>" xmlns="http://www.w3.org/1999/xhtml">
<![endif]--> 
<!--[if IE 8 ]>
<html class="ie ie8 ie-lt10 ie-lt9" lang="<?=$currentLanguageCode?>" xmlns="http://www.w3.org/1999/xhtml">
<![endif]--> 
<!--[if IE 9 ]>
<html class="ie ie9 ie-lt10" lang="<?=$currentLanguageCode?>" xmlns="http://www.w3.org/1999/xhtml">
<![endif]--> 
<html lang="<?=$currentLanguageCode?>">
    <head>
		<!-- Global site tag (gtag.js) - Google Analytics -->
		<script async src="https://www.googletagmanager.com/gtag/js?id=UA-171513277-1"></script>
		<script>
		  window.dataLayer = window.dataLayer || [];
		  function gtag(){dataLayer.push(arguments);}
		  gtag('js', new Date());

		  gtag('config', 'UA-171513277-1');
		</script>
		<!--[if IE ]>
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
        <![endif]--> 
        
        <!--[if lt IE 9]>
        <script type="text/javascript" src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
        <![endif]--> 
        
        <!--[if IE]>
        <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
		<![endif]--> 
		
        <meta charset="UTF-8" />
        <title>CIHEAM Bari</title>
        <link rel="profile" href="http://gmpg.org/xfn/11" />
		
		<meta name="description" content=""/>
		<meta name="robots" content="max-snippet:-1, max-image-preview:large, max-video-preview:-1"/>
		<link rel="canonical" href="https://blockcert.iamb.it/" />
		<meta property="og:locale" content="<?=str_replace("-", "_", $currentLanguageCode)?>" />
		<meta property="og:type" content="website" />
		<meta property="og:image" content="<?php echo $shareImage?>" />
		<meta property="og:title" content="<?php echo $metaTitle?>" />
		<meta property="og:description" content="<?php echo $metaDescription?>" />
		<meta property="og:url" content="<?php echo $landingUrl?>" />
		<meta property="og:site_name" content="<?php echo $metaTitle?>" />
		<meta name="twitter:card" content="summary" />
		<meta name="twitter:description" content="<?php echo $metaDescription?>" />
		<meta name="twitter:title" content="<?php echo $metaTitle?>" />
		<!--<meta name="twitter:site" content="@" />
		<meta name="twitter:creator" content="@" />-->

		<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap" rel="stylesheet">
		<link rel="stylesheet" id="fwk-css"  href="/assets/css/spectre.min.css" property="stylesheet" type="text/css" media="all" />
		<link rel="stylesheet" id="fancybox-stylesheet-css"  href="/assets/js/fancybox/jquery.fancybox.min.css" property="stylesheet" type="text/css" media="all" />
		<link rel="stylesheet" id="theme-stylesheet-css"  href="/assets/css/style_new.css?v=<?php echo $landingVersion?>" property="stylesheet" type="text/css" media="all" />
		<script type="text/javascript" src="/assets/js/jquery.js"></script>
		<script type="text/javascript" src="/assets/js/fancybox/jquery.fancybox.js"></script>
		<script type="text/javascript" src="/assets/js/pagescroll.js"></script>
		<script type="text/javascript" src="/assets/js/core.js?v=<?php echo $landingVersion?>"></script>

		<meta name="viewport" content="width=device-width, initial-scale=1.0" />

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

	<body>
		
		<!-- Header -->
		<div class="headerContainer">
			<div class="container">
				<div class="columns">
					<div class="column col-2 col-xs-12 col-sm-12 siteLogo">
						<a href="#top"><img src="/assets/ciheam/logo_ciheam_bari.png" alt="Ciheam">
						</a>
					</div>
					<div class="column col-10 col-xs-12 col-md-12 menuBar">
						<ul class="navMenu float-right menuBarInner">
							<li><a href="#blockchain">Blockchain</a></li>
							<li><a href="#corso">Blockchain for Agrifood</a></li>
							<li><a href="#diplomi">Diplomas</a></li>
							<li><a href="#ricerca">Search</a></li>
							<li class="languageSwitcher">
								<?php if($currentLanguage == "it") { ?>
									<a href="/en"><img src="/assets/img/lang_en.svg" alt="English version">English</a>
								<?php } else { ?>
									<a href="/"><img src="/assets/img/lang_it.svg" alt="Versione italiana">Italiano</a>
								<?php } ?>
							</li>
					</div>
					<a aria-label="Apri Menu" class="toggleMenu" href="javascript:void(0)">
						<span></span>
						<span></span>
						<span></span>
					</a>
				</div>
			</div>
		</div>
		
		<!-- Section -->
		<div class="siteSection" id="blockchain">
			<div class="container">
				<div class="columns">
					<div class="column col-12">
						<img class="img-responsive bannerHero" src="/assets/img/banner_header.svg" alt="Blockchain">
					</div>
				</div>
			</div>
		</div>
			
		<!-- Section -->
		<div class="siteSection" id="blockchain">
			<div class="container grid-lg">
				<div class="columns">
					<div class="column col-7 col-xs-12 col-sm-12 text-left">
						<h1>Blockchain<br></h1>
						<p>
						Blockchain literally means "chain of blocks". It is a shared, immutable database of increasing size, in which data is contained within different blocks, correlated with each other by cryptographic algorithms.
						<br><br>
						Originally created by Bitcoin and his investor, was originally applied in the financial sector but the opportunities and possibilities of applying the technology in other sectors were soon understood.
						<br><br>
						Among the most promising innovations of this technology: traceability of agri-food supply chains, in order to ensure trust, transparency, reliability and automation at all levels of the supply chain; the notarization of data to certify the existence and integrity of any data and documents, in order to ensure that they have not been modified over time; smart contracts: computer codes that are automatically executed upon the occurrence of given conditions.

						</p>
					</div>
					<div class="column col-5 col-xs-12 col-sm-12 verticalCenteredContent ">
						<img class="img-responsive landingPhone" src="/assets/img/phone.png" alt="Blockchain">	
					</div>
				</div>
			</div>
		</div>			
			
			
		<div class="curly top" style="background: #334897;">
			<svg version="1.1" class="uncode-row-divider uncode-row-divider-swoosh-opacity" x="0px" y="0px" width="240px" height="24px" viewBox="0 0 240 24" enable-background="new 0 0 240 24" xml:space="preserve" preserveAspectRatio="none"> <path fill="#F6F9FF" fill-opacity="0.33" d="M240,24V0c-51.797,0-69.883,13.18-94.707,15.59c-24.691,2.4-43.872-1.17-63.765-1.08 c-19.17,0.1-31.196,3.65-51.309,6.58C15.552,23.21,4.321,22.471,0,22.01V24H240z"></path> <path fill="#F6F9FF" fill-opacity="0.33" d="M240,24V2.21c-51.797,0-69.883,11.96-94.707,14.16 c-24.691,2.149-43.872-1.08-63.765-1.021c-19.17,0.069-31.196,3.311-51.309,5.971C15.552,23.23,4.321,22.58,0,22.189V24h239.766H240 z"></path> <path fill="#F6F9FF" d="M240,24V3.72c-51.797,0-69.883,11.64-94.707,14.021c-24.691,2.359-43.872-3.25-63.765-3.17 c-19.17,0.109-31.196,3.6-51.309,6.529C15.552,23.209,4.321,22.47,0,22.029V24H240z"></path> </svg>
		</div>
		
		<!-- Section -->
		<div class="siteSection goalsSection" id="corso">
			<div class="container grid-lg">
				<div class="columns">
					<div class="column col-12">
						<h1>Blockchain for Agrifood<br></h1>
					</div>
					<div class="column col-5 col-xs-12 col-sm-12">
						<img class="img-responsive landingAgrifood" src="/assets/img/agrifood.svg" alt="Corso">
					</div>
					<div class="column col-7 col-xs-12 col-sm-12 text-left verticalCenteredContent">
						<p>During the A.Y. 2019-2020 CIHEAM Bari organized a workshop, aimed at offering all participating students a background on Blockchain technology and distributed ledgers, with a detailed focus on how these technologies are used in the agricultural sector. The workshop, lasting three days, saw the presence and participation of national representatives of the sector, and promoted the participation, interaction and analytical reasoning of students through different workshops.
						</p>
					</div>
				</div>
			</div>
		</div>
			
		<div class="curly bottom" style="background: #334897;">
			<svg version="1.1" class="uncode-row-divider uncode-row-divider-swoosh-opacity" x="0px" y="0px" width="240px" height="24px" viewBox="0 0 240 24" enable-background="new 0 0 240 24" xml:space="preserve" preserveAspectRatio="none"> <path fill="#F6F9FF" fill-opacity="0.33" d="M240,24V0c-51.797,0-69.883,13.18-94.707,15.59c-24.691,2.4-43.872-1.17-63.765-1.08 c-19.17,0.1-31.196,3.65-51.309,6.58C15.552,23.21,4.321,22.471,0,22.01V24H240z"></path> <path fill="#DAEEF2" fill-opacity="0.33" d="M240,24V2.21c-51.797,0-69.883,11.96-94.707,14.16 c-24.691,2.149-43.872-1.08-63.765-1.021c-19.17,0.069-31.196,3.311-51.309,5.971C15.552,23.23,4.321,22.58,0,22.189V24h239.766H240 z"></path> <path fill="#DAEEF2" d="M240,24V3.72c-51.797,0-69.883,11.64-94.707,14.021c-24.691,2.359-43.872-3.25-63.765-3.17 c-19.17,0.109-31.196,3.6-51.309,6.529C15.552,23.209,4.321,22.47,0,22.029V24H240z"></path> </svg>
		</div>
		
		<!-- Section -->
		<div class="siteSection advantagesSection " id="diplomi">
			<div class="container grid-lg">
				<div class="columns">
					<div class="column col-12">
						<h1>Blockchain Diplomas<br></h1>
					</div>
					<div class="column col-12 col-xs-12 col-sm-12 text-left">
						
						<div class="videoPreview p-relative">
							<a data-fancybox href="https://blockcert.iamb.it/Ciheam_VoiceOver_Sub.mp4">
								<span class="playVideo"><i class="fas fa-play"></i></span>
								<img class="img-responsive" src="/assets/img/video_preview.png" alt="Video - Progetto diplomi in Blockchain">
							</a>
						</div>
						
						<p>
							The problem of fake degrees in higher education is long-standing.
							<br><br>
							The traditional method of verifying diploma certificates is a long and complicated process and does not have standard procedures. Schools are also the single points of vulnerability of the entire system, making it easier for hackers to attack their databases to forge or fake diplomas.
							<br><br>
							CIHEAM Bari solves these problems through the use of Blockchain and cryptography: the institute, after verifying the digital identity of its students, issues a digital payment of the diploma certificate containing all the information relating to the student's course of study. The certificate is thus transmitted and written in the Bitcoin’s Blockchain network, making it immutable, impossible to falsify and confidential in regard of personal data.
							<br><br>
							The student will thus be provided with their own personal QR code, that they can share with third parties to demonstrate the validity, authenticity and content of their diploma.
							<br><br>
							Writing diplomas in Blockchain, also allows third parties to independently verify the certificates shared by students, without having to contact the educational institutions directly.
						</p>
					</div>
				</div>				
			</div>
		</div>
			
		<div class="curly bottom" style="background: #DAEEF2;">
			<svg version="1.1" class="uncode-row-divider uncode-row-divider-swoosh-opacity" x="0px" y="0px" width="240px" height="24px" viewBox="0 0 240 24" enable-background="new 0 0 240 24" xml:space="preserve" preserveAspectRatio="none"> <path fill="#ededed" fill-opacity="0.33" d="M240,24V0c-51.797,0-69.883,13.18-94.707,15.59c-24.691,2.4-43.872-1.17-63.765-1.08 c-19.17,0.1-31.196,3.65-51.309,6.58C15.552,23.21,4.321,22.471,0,22.01V24H240z"></path> <path fill="#ededed" fill-opacity="0.33" d="M240,24V2.21c-51.797,0-69.883,11.96-94.707,14.16 c-24.691,2.149-43.872-1.08-63.765-1.021c-19.17,0.069-31.196,3.311-51.309,5.971C15.552,23.23,4.321,22.58,0,22.189V24h239.766H240 z"></path> <path fill="#ededed" d="M240,24V3.72c-51.797,0-69.883,11.64-94.707,14.021c-24.691,2.359-43.872-3.25-63.765-3.17 c-19.17,0.109-31.196,3.6-51.309,6.529C15.552,23.209,4.321,22.47,0,22.029V24H240z"></path> </svg>
		</div>
		
		<!-- Section -->
		<div class="siteSection searchSection verticalCenteredContent" id="ricerca">
			<div class="container grid-lg ">
				<div class="columns">
					<div class="column col-12">
						<h1>CIHEAM Bari – Search diplomas<br></h1>
					</div>
					<div class="column col-12 col-mx-auto col-xs-12 col-sm-12 text-left searchFormContainer">	
						<form method="post" id="contactFrm" name="contactFrm">
							<input type="hidden" name="language" value="en">
            				<input type="hidden" value="Ricerca" name="Ricerca">    
           					<input type="text" placeholder="Diploma's number" value="" name="NumeroProgressivo_Certificati" class="txt">
       						<input type="text" placeholder="Name and Surname" value="" name="NomeStudente_Certificati" class="txt">
							<input type="submit" value="Search" name="submit">
						</form>	
					</div>		
				</div>
				<div class="columns">
					<div class="column col-12">
						<div id="risultati_ricerca"></div>
					</div>
				</div>
			</div>
		</div>

		<!-- Footer -->
		<div class="footerContainer">
			<div class="container grid-lg">
				<div class="columns">
					<div class="column col-12 text-center">
						<p>&copy; 2020 CIHEAM Bari. All rights reserved.
						</p>
					</div>
				</div>
			</div>
		</div>	
	</body>
</html>
