-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathblog.html
110 lines (102 loc) · 4.64 KB
/
blog.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
<!DOCTYPE html>
<html lang="it">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Blog</title>
<link href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.min.css">
<link rel="stylesheet" href="css/style.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/jquery.magnific-popup.min.js"></script>
<script src="js/scripts.js"></script>
</head>
<body>
<!-- Navbar -->
<nav class="navbar">
<div class="inner-width">
<a href="index.html" class="logo"></a>
<button class="menu-toggler">
<span></span>
<span></span>
<span></span>
</button>
<div class="navbar-menu">
<a href="index.html#homel">Home</a>
<a href="index.html#about">Chi sono</a>
<a href="index.html#works">Progetti</a>
<!-- <a href="blog.html">Blog</a> -->
<!-- <a href="index.html#photo">Foto</a> -->
<a href="index.html#books">Libri</a>
<a href="index.html#tools">Tools</a>
<a href="index.html#contact">Contatti</a>
<!-- <a href="newsletter.html">Newsletter</a> -->
</div>
</div>
</nav>
<!-- Blog -->
<section id="blog" class="light">
<div class="inner-width">
<h1 class="section-title">Blog</h1>
<!-- Articolo 1 -->
<div class="blog-content">
<div class="blog-text">
<h2>Articolo 1</h2>
<h3>
Questo è un sottotitolo
</h3>
<br>
<img src="images/works/ferrarelle.png" alt="Ferrarelle" style="width: 90%; height: auto; margin-left: auto; margin-right: auto; display: block;">
<br>
<p>
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sed fuga eaque, culpa cupiditate animi laborum natus! Similique odio sit facilis dolorum dicta velit provident sequi iusto, est pariatur quisquam corrupti animi necessitatibus aliquid deserunt reprehenderit voluptatibus? Exercitationem deserunt fugit dicta nesciunt velit quae tempora eius praesentium odio est, voluptatem vero incidunt omnis ad iure, soluta maiores nostrum inventore alias culpa. Nihil suscipit possimus est harum accusamus impedit libero deleniti repellat.
</p>
<br>
<a href="#">Continua a leggere</a>
</div>
</div>
<br><br>
<!-- Fine articolo 1 -->
<!-- Articolo 2 -->
<!-- <br><br><br>
<div class="blog-content">
<div class="blog-text">
<h2>Articolo 2</h2>
<h3>
Questo è un sottotitolo
</h3>
<br>
<img src="images/works/hqf.png" style="width: 90%; height: auto; margin-left: auto; margin-right: auto; display: block;">
<br>
<p>
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sed fuga eaque, culpa cupiditate animi laborum natus! Similique odio sit facilis dolorum dicta velit provident sequi iusto, est pariatur quisquam corrupti animi necessitatibus aliquid deserunt reprehenderit voluptatibus? Exercitationem deserunt fugit dicta nesciunt velit quae tempora eius praesentium odio est, voluptatem vero incidunt omnis ad iure, soluta maiores nostrum inventore alias culpa. Nihil suscipit possimus est harum accusamus impedit libero deleniti repellat.
</p>
<br>
<a href="#">Continua a leggere</a>
</div>
</div>
<br><br> -->
<!-- Fine articolo 2 -->
<!-- <p>Clicca <a href="blog_all_articles.html">qui</a> per vedere la lista completa di articoli.</p> -->
</div>
</section>
<!-- Footer -->
<footer>
<div class="inner-width">
<div class="copyright">
© 2022 | Mattia Baldinazzo
</div>
<div class="sm">
<a href="https://www.facebook.com/mattia.baldinazzo.9/" class="fab fa-facebook-f"></a>
<a href="https://www.instagram.com/mattia_baldi/" class="fab fa-instagram"></a>
<a href="https://www.linkedin.com/in/mattiabaldinazzo" class="fab fa-linkedin-in"></a>
<a href="https://maps.app.goo.gl/TkSafiu56ACMZKiY8" class="fa fa-map"></a>
<a href="https://github.com/mattiabaldinazzo" class="fab fa-github"></a>
</div>
</div>
</footer>
<!-- Go Top BTN -->
<button class="goTop fas fa-arrow-up"></button>
</body>
</html>