Test: Difference between revisions
No edit summary |
No edit summary |
||
| Line 3: | Line 3: | ||
<title>W3.CSS</title> | <title>W3.CSS</title> | ||
<meta name="viewport" content="width=device-width, initial-scale=1"> | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
<link rel="stylesheet" href=""> | <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> | ||
<body> | <body> | ||
| Line 10: | Line 10: | ||
</div> | </div> | ||
<div class="w3-row | <div class="w3-content"> | ||
<div class="w3-row w3-margin"> | |||
<div class="w3-third"> | <div class="w3-third"> | ||
<img src="img_5terre.jpg" style="width:100%;min-height:200px"> | |||
<img src="img_5terre.jpg" style="width:100% | |||
</div> | </div> | ||
<div class="w3-twothird w3-container"> | |||
<h2>5 Terre</h2> | |||
<p> | |||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. | |||
</p> | |||
</div> | </div> | ||
</div> | </div> | ||
<div class="w3-row w3-margin"> | |||
<div class="w3-third"> | <div class="w3-third"> | ||
<img src="img_monterosso.jpg" style="width:100%;min-height:200px"> | |||
<img src="img_monterosso.jpg" style="width:100% | |||
</div> | </div> | ||
<div class="w3-twothird w3-container"> | |||
<h2>Monterosso</h2> | |||
<p> | |||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. | |||
</p> | |||
</div> | </div> | ||
</div> | </div> | ||
<div class="w3-row w3-margin"> | |||
<div class="w3-third"> | <div class="w3-third"> | ||
<img src="img_vernazza.jpg" style="width:100%;min-height:200px"> | |||
<img src="img_vernazza.jpg" style="width:100% | |||
</div> | </div> | ||
<div class="w3-twothird w3-container"> | |||
<h2>Vernazza</h2> | |||
<p> | |||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. | |||
</p> | |||
</div> | </div> | ||
</div> | </div> | ||
<div class="w3-row | <div class="w3-row w3-margin"> | ||
<div class="w3-third"> | <div class="w3-third"> | ||
<img src="img_manarola.jpg" style="width:100%;min-height:200px"> | |||
<img src="img_manarola.jpg" style="width:100% | |||
</div> | </div> | ||
<div class="w3-twothird w3-container"> | |||
<h2>Manarola</h2> | |||
<p> | |||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. | |||
</p> | |||
</div> | </div> | ||
</div> | </div> | ||
<div class="w3-row w3-margin"> | |||
<div class="w3-third"> | <div class="w3-third"> | ||
<img src="img_corniglia.jpg" style="width:100%;min-height:200px"> | |||
<img src="img_corniglia.jpg" style="width:100% | |||
</div> | </div> | ||
<div class="w3-twothird w3-container"> | |||
<h2>Corniglia</h2> | |||
<p> | |||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. | |||
</p> | |||
</div> | </div> | ||
</div> | </div> | ||
<div class="w3-row w3-margin"> | |||
<div class="w3-third"> | <div class="w3-third"> | ||
<img src="img_riomaggiore.jpg" style="width:100%;min-height:200px"> | |||
<img src="img_riomaggiore.jpg" style="width:100% | |||
</div> | </div> | ||
<div class="w3-twothird w3-container"> | |||
<h2>Riomaggiore</h2> | |||
<p> | |||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. | |||
</p> | |||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
</body> | </body> | ||
</html> | </html> | ||
Revision as of 05:23, 24 July 2020
<!DOCTYPE html>
Summer Holiday
5 Terre
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Monterosso
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Vernazza
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Manarola
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Corniglia
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Riomaggiore
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.