Merge pull request #6 from NapulETH/sponsor-section

Added a sponsor section and more

about-ita.html

@@ -47,16 +47,12 @@ <h2>Progetti affiliati con NapulETH</h2>
 					<li><a href="https://20squares.xyz" target="_blank" rel="noopener noreferrer" class="navAdress">20squares</a></li>
 					<li><a href="https://www.arcastudio.org/" target="_blank" rel="noopener noreferrer" class="navAdress">ARCA Studio</a></li>
 					<li><a href="https://decripto.org" target="_blank" rel="noopener noreferrer" class="navAdress">decripto</a></li>
-					<li><a href="https://napoliblockchain.it/" target="_blank" rel="noopener noreferrer" class="navAdress">Napoli Blockchain</a></li>
-					<li><a href="https://pizzawallet.io/" target="_blank" rel="noopener noreferrer" class="navAdress">Pizzawallet</a></li>
 				</ul>
 
 				<h2>Amici</h2>
 				<ul>
 					<li><a href="https://www.spaghett-eth.com/" target="_blank" rel="noopener noreferrer" class="navAdress">SpaghettETH</a></li>
 					<li><a href="https://ethereum.foundation/" target="_blank" rel="noopener noreferrer" class="navAdress">Ethereum Foundation</a></li>
-					<li><a href="https://www.thesparkhub.it/" target="_blank" rel="noopener noreferrer" class="navAdress">The Spark Creative Hub</a></li>
-					<li><a href="https://spaziotra.xyz/" target="_blank" rel="noopener noreferrer" class="navAdress">Spazio TRA</a></li>
 				</ul>
 			</div>
 

about.html

@@ -50,16 +50,12 @@ <h2>Projects affiliated with NapulETH</h2>
 				<li><a href="https://20squares.xyz" target="_blank" rel="noopener noreferrer" class="navAdress">20squares</a></li>
 				<li><a href="https://www.arcastudio.org/" target="_blank" rel="noopener noreferrer" class="navAdress">ARCA Studio</a></li>
 				<li><a href="https://decripto.org" target="_blank" rel="noopener noreferrer" class="navAdress">decripto</a></li>
-				<li><a href="https://napoliblockchain.it/" target="_blank" rel="noopener noreferrer" class="navAdress">Napoli Blockchain</a></li>
-				<li><a href="https://pizzawallet.io/" target="_blank" rel="noopener noreferrer" class="navAdress">Pizzawallet</a></li>
 			</ul>
 
 			<h2>Friends</h2>
 			<ul>
 				<li><a href="https://www.spaghett-eth.com/" target="_blank" rel="noopener noreferrer" class="navAdress">SpaghettETH</a></li>
 				<li><a href="https://ethereum.foundation/" target="_blank" rel="noopener noreferrer" class="navAdress">Ethereum Foundation</a></li>
-				<li><a href="https://www.thesparkhub.it/" target="_blank" rel="noopener noreferrer" class="navAdress">The Spark Creative Hub</a></li>
-				<li><a href="https://spaziotra.xyz/" target="_blank" rel="noopener noreferrer" class="navAdress">Spazio TRA</a></li>
 			</ul>
         </div>
 

index-ita.html

@@ -39,32 +39,47 @@
 
         <!-- Body -->
         <div style="margin: 50px auto; max-width: 900px; padding: 16px;">
-			<img src="./assets/Napul_ETH_logo.webp" alt= "NapulETH logo" style="margin-top: 30px;"/>
+			<img src="./assets/Napul_ETH_logo.webp" alt= "NapulETH logo" style="margin-top: 30px; display: block;
+			margin-left: auto;
+			margin-right: auto;
+			width: 30%;"/>
 
             <p style="font-size: 50px; font-family: tan-pearl; text-align: center;">NapulETH</p>
 			<h1 style="text-align: center;">OPEN VILLAGE 2024</h1>
-
-			<a href="./PITCHDECK NapulETH 2024 def.pdf" target="_blank" rel="noopener noreferrer" class="navAdress" style="padding: unset;">
-				<div class="apply" style="display: block;">
+            <!-- <p style="text-align: center;">Descrizione<p> -->
+			<p>Nell'ecosistema Ethereum tutti parlano costantemente di <b>onboarding</b> for the masses, ma alle conferenze si vedono sempre le <b>stesse facce</b>: Il marketing officer di quel progetto, il lead developer di quell'altro progetto, l'head ambassador di quell'altro progetto ancora. Tutte queste persone sono ovviamente già onboarded, e per quanto le loro esperienze possano essere significative ed interessanti abbastanza per essere condivise, una conferenza popolata solamente da loro rischia di trasformarsi velocemente in una <b>echo chamber</b> dove tutti se la suonano e se la cantano tra di loro.<p>
+			<p>È nostra opinione che questo cortocircuito non possa essere interrotto senza dare un <b>incentivo reale</b> a chi non ha ancora familiarità con il web3 a partecipare ad eventi di rilievo.<p>
+			<p>In due parole, il problema che cerchiamo di risolvere è quello di <b>portare facce effettivamente nuove</b> nell'ecosistema Ethereum. Siamo convinti che questo si possa fare soltanto creando <b>eventi</b> che siano allo stesso tempo <b>accessibili e di alto rilievo</b>. Se anche tu la pensi come noi, <b>NapulEth Open Village</b> ti aspetta…<p>
+			<br/>
+
+            <div id="info" style="text-align: center">
+				<h2>Cosa ci sarà?</h2>
+					<p>Workshops entry-level per i neofiti assoluti</p> 
+					<p>Mini-corsi introduttivi al web3 development</p> 
+					<p>Art-camps per rendere la comunità locale di artisti NFT-abled</p>
+					<p>Hackaton</p>
+					<p>Networking</p>						
+					<p>Talks</p>					
+					<p>Pizza e aperitivo</p>
+					<p>E tanto altro!</p>
+            </div>
+
+			<a href="./PITCHDECK NapulETH 2024 def.pdf" target="_blank" rel="noopener noreferrer" class="navAdress" style="padding: unset; ">
+				<div class="apply" style="display: block; margin: 50px 100px;">
 					<b><p>Guarda il Pitch Deck</p></b>
 				</div>	
 			</a>
-
-			<h2>Cosa ci sarà?</h2>
-				<ul>
-					<li>Workshops entry-level per i neofiti assoluti</li> 
-					<li>Mini-corsi introduttivi al web3 development</li> 
-					<li>Art-camps per rendere la comunità locale di artisti NFT-abled</li>
-					<li>Hackaton</li>
-					<li>Networking</li>						
-					<li>Talks</li>					
-					<li>Pizza e aperitivo</li>
-					<li>E tanto altro!</li>
-				</ul>
-
+			<br/><br/>
 			<h1 style="text-align: center;">NFTickets in arrivo!</h1>
+
+			<div style="text-align: center;">
+				I possessori di un 
+				<img src="./assets/KATW COLLECTION.webp" alt="KATW_logo" style="width: 70px; display: inline-block;"/>
+				avranno accesso all'intera conferenza
+			</div>
+			<br/><br/><br/>
 			<img src="./assets/VERTICATS.webp" alt="Event verticals" style="width: 100%"/>
-				
+			<br/><br/><br/>
 			<h1 style="text-align: center;">Unisciti a noi</h1>
 			<div class="applies">
 
@@ -95,26 +110,109 @@ <h1 style="text-align: center;">Unisciti a noi</h1>
 					</a>
 				</div>
 			</div>
+			<br/><br/><br/>
+			<br/><br/><br/>
+			<h1 style="text-align: center;">Sponsor</h1>
+			<div class="grid-container" style="grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));">		
+				<a href="http://degate.com" target="_blank" rel="noopener noreferrer">				
+					<div class="grid-item">
+						<img src="./assets/sponsor/DeGATE.webp" alt="DeGate logo"/>
+					</div>
+				</a>				
+				<a href="https://20squares.xyz" target="_blank" rel="noopener noreferrer">				
+					<div class="grid-item">
+						<img src="./assets/sponsor/20squares.webp" alt="20squares logo"/>
+					</div>
+				</a>
+			</div>
+			<div class="divider"></div>
+			<h1 style="text-align: center;">Partner</h1>
+			<div class="grid-container">							
+				<a href="https://www.spaghett-eth.com" target="_blank" rel="noopener noreferrer">				
+					<div class="grid-item">
+						<img src="./assets/partner/Spaghett-eth.webp" alt="Spaghett-eth logo"/>
+					</div>
+				</a>
+				<a href="https://wehub.it" target="_blank" rel="noopener noreferrer">				
+					<div class="grid-item">
+						<img src="./assets/partner/weHUB.webp" alt="weHUB logo"/>
+					</div>
+				</a>				
+				<a href="https://mego.tickets " target="_blank" rel="noopener noreferrer">				
+					<div class="grid-item">
+						<img src="./assets/partner/MegoTickets.webp" alt="Mego tickets logo"/>
+					</div>
+				</a>				
+
+
+			</div>
+			<div class="divider"></div>
+			<h1 style="text-align: center;">Media Partner</h1>
+			<div class="grid-container" style="grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));">
+
+				<a href="https://instagram.com/how.to.nft?igshid=OGQ5ZDc2ODk2ZA==" target="_blank" rel="noopener noreferrer">				
+					<div class="grid-item">
+						<img src="./assets/media-partner/how-to-NFT.webp" alt="How to NFT logo"/>
+					</div>
+				</a>				
+				<a href="https://cryptogirl.it" target="_blank" rel="noopener noreferrer">				
+					<div class="grid-item">
+						<img src="./assets/media-partner/cryptogirl.webp" alt="cryptogirl logo"/>
+					</div>
+				</a>				
+				<a href="https://decripto.org" target="_blank" rel="noopener noreferrer">				
+					<div class="grid-item">
+						<img src="./assets/media-partner/decripto.webp" alt="decripto logo"/>
+					</div>
+				</a>				
+				<a href="https://www.youtube.com/channel/UCj9aWwSuPvHvXH-iSfc3ZUA" target="_blank" rel="noopener noreferrer">				
+					<div class="grid-item">
+						<img src="./assets/media-partner/sc.webp" alt="sc logo"/>
+					</div>
+				</a>				
+				<a href="https://www.instagram.com/cryptoromaofficial/" target="_blank" rel="noopener noreferrer">				
+					<div class="grid-item">
+						<img src="./assets/media-partner/cryptoroma.webp" alt="cryptoroma logo">
+					</div>
+				</a>				
+				<a href="https://www.instagram.com/coinstudy/" target="_blank" rel="noopener noreferrer">				
+					<div class="grid-item">
+						<img src="./assets/media-partner/Coinstudy.webp" alt="Coinstudy logo">
+					</div>
+				</a>				
+				<a href="https://instagram.com/crypto_agora?igshid=OGQ5ZDc2ODk2ZA==" target="_blank" rel="noopener noreferrer">				
+					<div class="grid-item">
+						<img src="./assets/media-partner/CryptoAgora.webp" alt="Crypto Agora logo">
+					</div>
+				</a>				
+				<a href="https://m.youtube.com/channel/UCxJcRPk2BkYT4Tihz9kxi0w" target="_blank" rel="noopener noreferrer">				
+					<div class="grid-item">
+						<img src="./assets/media-partner/CryptoConfidential.webp" alt="Crypto Confidential logo">
+					</div>
+				</a>
+			</div>
+
         </div>
+
+
 		<img src="./assets/casarelle.webp" alt="Decorative element" style="width: 100%;">
-
 		<footer>
 			<div style="display: flex; margin: auto;">
 				<p>
 					<a href="https://t.me/napuleth" target="_blank" rel="noopener noreferrer" >
-						<img src="./assets/tel.png" alt="Telegram" style="width: 35px;">
+						<img src="./assets/tel.webp" alt="Telegram" style="width: 35px;">
 					</a>
 				</p>
 
 				<p>
 					<a href="https://twitter.com/napuleth" target="_blank" rel="noopener noreferrer" >
-						<img src="./assets/x.png" alt="Twitter"  style="width: 35px;">
+						<img src="./assets/x.webp" alt="Twitter"  style="width: 35px;">
 					</a>
 				</p>
 
 				<p>
 					<a href="https://www.linkedin.com/company/napul-eth/" target="_blank" rel="noopener noreferrer">
-						<img src="./assets/in.png" alt="LinkedIn"  style="width: 35px;">
+						<img src="./assets/in.webp" alt="LinkedIn"  style="width: 35px;">
 					</a>
 				</p>
 			</div>
@@ -128,4 +226,5 @@ <h1 style="text-align: center;">Unisciti a noi</h1>
 			</div>
 		</footer>
     </body>
-</html>
+</html>
+