-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
72 lines (69 loc) · 4.64 KB
/
index.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>2D Stories</title>
<meta property="og:type" content="website">
<link rel="icon" type="image/png" sizes="2000x2000" href="assets/img/logo.png">
<link rel="icon" type="image/png" sizes="2000x2000" href="assets/img/logo.png">
<link rel="icon" type="image/png" sizes="2000x2000" href="assets/img/logo.png">
<link rel="icon" type="image/png" sizes="2000x2000" href="assets/img/logo.png">
<link rel="icon" type="image/png" sizes="2000x2000" href="assets/img/logo.png">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:300,400,700">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Aclonica">
<link rel="stylesheet" href="assets/fonts/ionicons.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.8.2/css/lightbox.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/pikaday/1.6.1/css/pikaday.min.css">
<link rel="stylesheet" href="assets/css/Lightbox-Gallery.css">
</head>
<body>
<nav class="navbar navbar-dark navbar-expand-lg fixed-top bg-white portfolio-navbar gradient" style="background-image: url("assets/img/black.jpg");font-family: Aclonica, sans-serif;">
<div class="container"><img class="img-fluid" style="margin-right: 10px;" src="assets/img/logo.png" width="50"><a class="navbar-brand logo" href="index.html">2D Stories</a><button data-toggle="collapse" class="navbar-toggler" data-target="#navbarNav"><span class="sr-only">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div
class="collapse navbar-collapse" id="navbarNav">
<ul class="nav navbar-nav ml-auto">
<li class="nav-item" role="presentation"><a class="nav-link" href="photos.html">Photos</a></li>
</ul>
</div>
</div>
</nav>
<main class="page lanidng-page">
<section class="portfolio-block block-intro" style="padding-bottom: 50px;">
<div class="container">
<div class="avatar"><img class="rounded-circle img-fluid" src="assets/img/me.jpg"></div>
<div class="about-me">
<p>Hi! I'm <strong>Mirko Pica</strong>, a 18 years old italian with a passion for technology and photography. I decided to create this portfolio just to show my friends my pictures and my edits. Checkout my pictures and if you are
interest also in technology checkout my GitHub in the links below.<br></p>
</div>
</div>
</section>
<section class="portfolio-block projets compact-grid" style="padding: 50px 0px;">
<div class="container">
<div class="row no-gutters">
<div class="col-md-6 col-lg-4 item zoom-on-hover"><img class="img-fluid image" src="assets/img/0001.jpg"></div>
<div class="col-md-6 col-lg-4 item zoom-on-hover"><img class="img-fluid image" src="assets/img/0002.jpg"></div>
<div class="col-md-6 col-lg-4 item zoom-on-hover"><img class="img-fluid image" src="assets/img/0003.jpg"></div>
</div>
</div>
</section>
<section class="portfolio-block call-to-action border-bottom" style="padding: 50px;">
<div class="container">
<div class="d-flex justify-content-center align-items-center content">
<h3 style="margin-bottom: 0px;">Like what you see?</h3><a class="btn btn-outline-primary btn-lg" role="button" href="photos.html">See More</a></div>
</div>
</section>
</main>
<footer class="page-footer" style="font-family: Aclonica, sans-serif;">
<div class="container">
<div class="social-icons"><a href="https://www.instagram.com/m1rk0.con.la.k/"><i class="icon ion-social-instagram-outline"></i></a><a href="https://www.facebook.com/m1rk0.pica/"><i class="icon ion-social-facebook"></i></a><a href="https://www.github.com/M1RK02"><i class="icon ion-social-github"></i></a></div>
</div>
</footer>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.8.2/js/lightbox.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pikaday/1.6.1/pikaday.min.js"></script>
<script src="assets/js/theme.js"></script>
</body>
</html>