PROVE SI SPERA SERIE by @MILENUCCIA87 - Codewith.it

#main, .loader-cont { display: none; } JavaScript disabilitato.
Non puoi usare Codewith.it senza JavaScript.

References

<canvas>Tag per disegnare grafica dinamica su pagine web.
<table>Tag primario per la creazione di tabelle
animation-directionProprietà CSS per definire la direzione di esecuzione di un'animazione
<cite>Inserisce citazioni e menzioni riguardo un'opera creativa.
rowspanDefinisce il numero di righe su cui una cella di una tabella deve estendersi.
autoplayAttributo HTML autoplay per l'avvio automatico degli elementi audio e video

Users

Log in to search for users

Explore

Find inspiration

copia di html typing

esercitazione 1

tabella mio esame

esercitazione 5

Compito di merda numero 1

provo copia prof

ciao io sono sara

classifica finita

Costruzione di tabella con html5

HTML

CSS

JS

terminal console

feedback

add_box New

cookie Policy

Privacy information and cookies

We use cookies or technologies for technical purposes and, with your consent, also for other purposes as specified in the cookie policy. Refusal of consent may make some functions unavailable. Read more about the privacy policy

Click on “Agree” to confirm.

<lj-raw><div style="width:400px;margin:0 auto;font-family:trebuchet ms,sans-serif;font-size:10px;line-height:1;color:#111;">


	<!--HEADER-->
	<a href="#0" style="height:60px;background:#2F3E46;display:flex;justify-content:center;align-items:flex-end;box-sizing:border-box;padding:20px;font-family:courier new,monospace;color:#fff;text-decoration:none;text-transform:uppercase;text-align:center;"><div>

		<div style="font-size:15px;letter-spacing:2px;">Nicholas Morris Spencer</div>
		<div style="font-size:9px;letter-spacing:3px;">Silver Sorcerer</div>

	</div></a>


	<!--CONTENT-->
	<div style="height:500px;width: 400px; overflow:hidden;background:#999 url(https://i.imgur.com/YSVMhm6.png);margin:20px 0;line-height:1.5;">


		<!--SPACER TO DISPLAY IMAGE FIRST-->
		<a name="0"></a><div style="height:100%; overflow:auto;"></div>


		<!--SECTION-->
		<a name="1"></a>
		<div style="height:100%;overflow:auto;background:rgba(255,255,255,0.85);border:1px solid #ddd; text-align: justify; padding:20px;box-sizing:border-box;">

	<center>Le Origini</center><br>
  Nasce da una coppia mista: suo padre Edward, discendente di un inglese che decise di venire nel nuovo mondo con la Mayflower, era un mutaforma con un Puma come spirito guida che seguiva il percorso sciamanico dei Maestri della Wdama - sua madre Vivian, invece, di discendenza italiana era una strega naturale. La loro unione era incentrata sul bene e sulla creazione di pozioni curative. A sua madre, dopo la morte del padre, è rimasto il piccolo negozietto di pozioni e rimedi erboristici che gestiva con il marito. La sua è stata un'infanzia felice anche se solitaria. I genitori, benestanti, hanno caldeggiato il suo percorso di studi di tipo naturalistico legati agli insegnamenti di suo padre sull'arte della creazione delle pozioni uniti alla conoscenza sulle piante di sua madre. <br><br>BSc A - Scienze Ambientali presso il Simpson College - Indianola Iowa MSc - Scienze della terra e dell'ambiente presso Lehigh University - Bethlehme Pennsylvania. Il padre lo aveva istruito sulla trasformazione e lo aspettava con ansia ma anche con paura ma ciò che ricorda di quella notte è potenza, i sensi amplificati nel diventare parte della natura. E' sempre stato un introverso, amante della solitudine e della natura pur cercando di adattarsi, comunque, ad un ambiente più urbano a patto di vivere il più possibile vicino alla foresta per trarne forza. A Bethlehme incontra quella che, il 9 settembre 2015, diventerà sua moglie: Kimi Foster, una mutaforma proveniente da Bower County. Quando il taxi sul quale Kimi viaggiava si schianta contro un palazzo e lei perde la vita è l'11 agosto del 2018. A Bower ci arriva con la speranza di trovare conforto per la perdita della moglie. Giunto in una terra dove non ha radici, è l'amore di Nadin a portare pace nel suo cuore.

		</div>


		<!--SECTION-->
		<a name="2"></a>
		<div style="height:100%;overflow:auto;background:rgba(255,255,255,0.85);border:1px solid #ddd;padding:20px;box-sizing:border-box;">

			

		</div>


		<!--SECTION-->
		<a name="3"></a>
		<div style="height:100%;overflow:auto;background:rgba(255,255,255,0.85);border:1px solid #ddd;padding:20px;box-sizing:border-box;">

			<h5 style="margin:0;font-family:courier new,monospace;font-size:9px;letter-spacing:3px;text-transform:uppercase;text-align:right;">Appearance</h5>


			<!---APPEARANCE GALLERY--->
			<div style="height:400px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr;grid-template-areas:'one three' 'one four' 'two four';grid-gap:5px;margin:0 0 20px 0;">
				<div style="grid-area:one;background:rgba(0,0,0,0.05) url(GRID_PIC1)center;background-size:cover;"></div>
				<div style="grid-area:two;background:rgba(0,0,0,0.05) url(GRID_PIC2)center;background-size:cover;"></div>
				<div style="grid-area:three;background:rgba(0,0,0,0.05) url(GRID_PIC3)center;background-size:cover;"></div>
				<div style="grid-area:four;background:rgba(0,0,0,0.05) url(GRID_PIC4)center;background-size:cover;"></div>
			</div>

			<!--APPEARANCE FREETEXT-->
			APPEARANCE_INFO


		</div>


		<!--SECTION-->
		<a name="4"></a>
		<div style="height:100%;overflow:auto;background:rgba(255,255,255,0.85);border:1px solid #ddd;padding:20px;box-sizing:border-box;">

			<h5 style="margin:0;font-family:courier new,monospace;font-size:9px;letter-spacing:3px;text-transform:uppercase;text-align:right;">Extra</h5>


			<!--EXTRA BLOCK-->
			<b style="font-size:9px;letter-spacing:2px;color:#648393;text-transform:uppercase;">EXTRA_TITLE</b>
			<blockquote style="margin:0 0 0 10px;padding:10px;border:1px solid rgba(0,0,0,0.07);border-left:3px solid #648393;">
			EXTRA_INFO
			</blockquote><br>


			<!--EXTRA BLOCK-->
			<b style="font-size:9px;letter-spacing:2px;color:#648393;text-transform:uppercase;">EXTRA_TITLE</b>
			<blockquote style="margin:0 0 0 10px;padding:10px;border:1px solid rgba(0,0,0,0.07);border-left:3px solid #648393;">
			EXTRA_INFO
			</blockquote><br>


		</div>


		<!--SECTION-->
		<a name="5"></a>
		<div style="height:100%;overflow:auto;background:rgba(255,255,255,0.85);border:1px solid #ddd;padding:20px;box-sizing:border-box;">

			<h5 style="margin:0;font-family:courier new,monospace;font-size:9px;letter-spacing:3px;text-transform:uppercase;text-align:right;">History</h5>


			HISTORY_INFO


		</div>


	</div>


	<!--NAVIGATION-->
	<div style="height:40px;background:#2F3E46;display:flex;justify-content:center;align-items:flex-start;box-sizing:border-box;padding:20px;font-family:courier new,monospace;font-size:9px;letter-spacing:2px;color:#fff;text-transform:uppercase;">

		<a href="#1" style="color:#fff;text-decoration:none;margin:0 10px;">Past</a>
		<a href="#2" style="color:#fff;text-decoration:none;margin:0 10px;">Present</a>
		<a href="#3" style="color:#fff;text-decoration:none;margin:0 10px;">Love</a>
		<a href="#4" style="color:#fff;text-decoration:none;margin:0 10px;">Princess</a>
		<a href="#5" style="color:#fff;text-decoration:none;margin:0 10px;">Home</a>

	</div>


</lj-raw>