-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
132 lines (130 loc) · 10.1 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
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
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<!-- <link rel="Shortcut Icon" href="./img/download.png" type="image/x-icon"> -->
<title>Welcome to my Portfolio</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:400,700">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Noto+Serif:400,400i">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,500,700">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto+Slab">
<link rel="stylesheet" href="./style/style.scss">
<link rel="stylesheet" href="./style/style.css">
</head>
<body>
<nav class="navbar">
<ul>
<li><a href="#home"><span id="span-nav">h</span>ome</a></li>
<li><a href="#project"><span id="span-nav">p</span>roject</a></li>
<li><a href="#about"><span id="span-nav">a</span>bout</a></li>
<li><a href="#contact"><span id="span-nav">c</span>ontact</a></li>
</ul>
</nav>
<div class="div-home" id="home">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="938.211px" height="362.602px" viewBox="0 0 938.211 362.602" enable-background="new 0 0 938.211 362.602"
xml:space="preserve">
<style type="text/css">
.st0{fill:aqua;stroke:aqua;stroke-width:3;stroke-miterlimit:10;}
</style>
<g>
<path class="st0" d="M90.41,206.768c-19.5,0-32-5.25-32-14.5
c0-13.5,36.25-33.5,42.5-33.5c0.25,0,0.5,0,0.75,0.25c-7.75,4.5-34,20.75-34,31.75c0,1.25,1.5,2.75,6.25,2.75c7.5,0,16.5-1,27-3.25
c42.5-65.25,109-141,128-141c9,0,19,8.75,20.5,19c-2-2.75-4.75-3.5-7-3.5c-14.75,0-68.5,60.5-111.25,117.5
c76.25-23.75,180.25-79,180.25-119c0-23.75-32.25-37-76.5-37c-88.25,0-200.5,75-200.5,107.5c0,10.25,12,16.5,18.5,17
c0,0,0,0.25-4,0.25c-17.75,0-31.5-5-31.5-23.75c0-34,90-108.25,219.25-108.25c27,0,87,10.5,87,51.5
c0,65.75-140.25,120.75-208.5,133.5c-23.5,32.75-40.75,61.5-40.75,71.75c0,4.75-0.25,8.5,4.25,9.25c-1.25,0.5-3,0.75-4,0.75
c-6.75,0-11-6.25-11-15.5C63.66,256.768,74.41,233.268,90.41,206.768z"/>
<path class="st0" d="M348.909,134.768c-45.25,0-97.5,84.25-83.5,90.25
c14,5.75,49.75-34.25,66.5-59.75c-1.25-2.25-3.75-9.75-2.75-12.25c0.75-2.5,8.25-10,11.5-10.25c2.5-0.25,5.25,1.75,5.75,2.5
c4.75,7.75,10.75,13.5,20.75,12.75c16.75-1.5,26-11.25,28.75-11c-1.25,3.5-11.25,11.75-23.5,15.75c-5.5,1.75-10.75,2.25-14.75,2.25
c-3.75,0-6.25-0.5-7.5-1c-6.75,33.25-58.5,69.25-85,67.75c-11.5-0.75-19-10.25-19-19.75c0-40.75,54.75-81.5,94.25-81.5
c9.5,0,13.5,2.75,15.25,4.25c1.25,0.75,0.5,0.75-0.5,0.75C352.659,135.268,350.659,134.768,348.909,134.768z"/>
<path class="st0" d="M398.156,132.268c1.5-1,2.5-1.25,3.5-1.25
c6,0,15.5,9.75,15.5,16c0,1-0.75-0.25-2.75-0.5c-3.75-0.25-12.5,9.5-20,19.5c-6.75,9-15.5,20.75-20.75,30
c13.25-17.25,38.25-38.25,59.75-53.75c9.75-7,17.25-11.25,22.5-11.75c2.75-0.25,13,10.5,11.25,12.5c-5.5,5.75-26.25,24-34.5,43.5
c12-1,29.25-12.25,44.75-26c0.25-0.25,1.75-0.5,2,0c-4.5,6-34.5,34-51.75,34c-4.5,0-12-8.75-12-11.75c0-7,8-21.5,14.5-29
c-23,13.5-34.75,23.5-51.75,42.25c-12.75,13.75-27.75,35.75-22.25,38.25c-7.25,1.75-13.25-6-15-13c-0.5-2.25,0.75-7,3.75-12.75
c6.25-14.25,17.5-31.5,27.5-45.75C381.156,150.018,391.906,137.268,398.156,132.268z"/>
<path class="st0" d="M553.906,50.518c3.75-3,7-5,9.25-5
c14-0.75,24,13.75,19.25,11c-8-3.75-22.75,16.25-33.75,30.5c40.25-2,93,0,128.75,7.5c2,0.5,3,1,0,0.75c-49.5-4.25-95.25-4-137,2.25
c-9.25,11.5-17.5,24-27.5,38.75c-21.75,33-40.5,64.75-46.5,80.75c10.75,1.25,52.25-39.5,67-53c1.5-1.25,2.5,0.75,1.75,1.5
c-12.25,14-55.75,59.5-70.75,65c-3.25,1.25-5.75,0.25-8-1c-2-1-7.5-6.25-9-10c-0.25-0.5-0.75-1-0.75-3.75c0-7.5,11.25-32,42-79.5
c6.75-10.25,14-21.25,23.25-33.5c-23.75,4.75-38.5,16.75-32,20.5c-4,0-12.5-4.75-13.25-12.75c-1-11.25,26.5-18.25,54.5-21.5
C540.656,63.518,547.656,55.518,553.906,50.518z"/>
<path class="st0" d="M613.905,50.518c4-3,7.25-5,9.25-5
c14.25-0.75,24.25,13.75,19.5,11c-8.5-4-25,19.5-35.5,33c-19,23.75-36.75,50.75-64.5,94l0.25,0.5c18.25-6,54.25-24.25,66.75-34.75
c0.25-0.5,0.5-0.75,1-0.75c0.75,0,1.25,0.75,1.25,1.25c0,0.25,0,0.5,0,0.5c-7.75,7.5-31.75,22.75-52.5,33.75
c-4.75,2.5-13.25,6.75-17,7.5c1.75,5,3.5,14.75,3.5,25c0,4.75-0.5,9.75-1.25,14.25c-13.75,71.25-76.25,120.75-87,121.25h-0.75
c-5,0.25-11-8.25-11.25-12.5c-0.75-14,28.25-79.5,69-148.5c-6.75-5.5,3-18.75,10.5-18.75c23.75-38,49-74.25,68.25-99
C600.905,63.518,608.155,55.518,613.905,50.518z M464.655,336.018c29.5-22,67.75-61.25,76.25-113.75c0.5-2.5,0.75-5.5,0.75-8.75
c0-8-1.5-17.25-4.75-21.5c-28.75,46-63.75,115.75-74.25,141.75c-1,2-1,3.25-0.5,3.25
C462.655,337.268,463.155,337.018,464.655,336.018z"/>
<path class="st0" d="M665.652,134.768c-45.25,0-97.5,84.25-83.5,90.25
c14,5.75,49.75-34.25,66.5-59.75c-1.25-2.25-3.75-9.75-2.75-12.25c0.75-2.5,8.25-10,11.5-10.25c2.5-0.25,5.25,1.75,5.75,2.5
c4.75,7.75,10.75,13.5,20.75,12.75c16.75-1.5,26-11.25,28.75-11c-1.25,3.5-11.25,11.75-23.5,15.75c-5.5,1.75-10.75,2.25-14.75,2.25
c-3.75,0-6.25-0.5-7.5-1c-6.75,33.25-58.5,69.25-85,67.75c-11.5-0.75-19-10.25-19-19.75c0-40.75,54.75-81.5,94.25-81.5
c9.5,0,13.5,2.75,15.25,4.25c1.25,0.75,0.5,0.75-0.5,0.75C669.402,135.268,667.402,134.768,665.652,134.768z"/>
<path class="st0" d="M748.149,73.268c7.5-9.75,14.5-17.75,20.75-22.75
c3.75-3,7-5,9.25-5c14-0.75,24,13.75,19.25,11c-8.75-4-25,19.5-36,33c-10.75,13.75-21,28.5-33.5,46.75
c-21.75,33-40.5,64.75-46.5,80.75c10.75,1.25,52.25-39.5,67-53c1.5-1.25,2.5,0.75,1.75,1.5c-12.25,14-55.75,59.5-70.75,65
c-3.25,1.25-5.75,0.25-8-1c-2-1-7.5-6.25-9-10c-0.25-0.5-0.75-1-0.75-3.75c0-7.5,11.5-31.75,42-79.5
C719.149,112.018,735.149,90.268,748.149,73.268z"/>
<path class="st0" d="M728.398,230.768c-4-1.25-10.25-7.5-10.25-12
c0-14.5,36.25-69,52.25-81.75c1.25-1.25,2.75-1.5,3.75-1.5c5.75,0,15.75,10,15.75,16.25c0,1-1.25-0.25-3.25-0.5
c-10.25-1-44.5,56-47.5,66.25c15.25-4,51.75-38.75,67-53.5c1.75-1.25,3,0.75,2.25,1.5c-21.75,23.5-61.5,64.25-77,65.5
C730.398,231.018,729.648,231.018,728.398,230.768z M811.898,105.268c2.25,2.5,3.75,6.25,2.75,6.25c-0.5,0-2.5-1-5.25,0.25
c-4.25,1.75-15.75,12-18.75,16.25c-3.5,4.5-8.75-0.75-9-5.25c-0.25-7.25,9.25-23.5,15.75-25.5
C803.148,96.518,808.648,101.518,811.898,105.268z"/>
<path class="st0" d="M881.396,134.768c-45.25,0-97.5,84.25-83.5,90.25
c14,5.75,49.75-34.25,66.5-59.75c-1.25-2.25-3.75-9.75-2.75-12.25c0.75-2.5,8.25-10,11.5-10.25c2.5-0.25,5.25,1.75,5.75,2.5
c4.75,7.75,10.75,13.5,20.75,12.75c16.75-1.5,26-11.25,28.75-11c-1.25,3.5-11.25,11.75-23.5,15.75c-5.5,1.75-10.75,2.25-14.75,2.25
c-3.75,0-6.25-0.5-7.5-1c-6.75,33.25-58.5,69.25-85,67.75c-11.5-0.75-19-10.25-19-19.75c0-40.75,54.75-81.5,94.25-81.5
c9.5,0,13.5,2.75,15.25,4.25c1.25,0.75,0.5,0.75-0.5,0.75C885.146,135.268,883.146,134.768,881.396,134.768z"/>
</g>
</svg>
<a href="#project" class="btnToScroll01"><span></span>discover</a>
</div>
<div class="div-project" id="project">
<div class="container-box">
<div class="box">
<div class="content">
<h2>01</h2>
<h3>Project One</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Asperiores veniam quam sint minus, numquam itaque illum, illo quo earum necessitatibus amet facilis unde possimus est reiciendis ullam accusamus! Qui, vero.</p>
<a href="#">Feed More</a>
</div>
</div>
<div class="box">
<div class="content">
<h2>02</h2>
<h3>Project Two</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Asperiores veniam quam sint minus, numquam itaque illum, illo quo earum necessitatibus amet facilis unde possimus est reiciendis ullam accusamus! Qui, vero.</p>
<a href="#">Feed More</a>
</div>
</div>
<div class="box">
<div class="content">
<h2>03</h2>
<h3>Project Three</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Asperiores veniam quam sint minus, numquam itaque illum, illo quo earum necessitatibus amet facilis unde possimus est reiciendis ullam accusamus! Qui, vero.</p>
<a href="#">Feed More</a>
</div>
</div>
<div class="box">
<div class="content">
<h2>04</h2>
<h3>Project Four</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Asperiores veniam quam sint minus, numquam itaque illum, illo quo earum necessitatibus amet facilis unde possimus est reiciendis ullam accusamus! Qui, vero.</p>
<a href="#">Feed More</a>
</div>
</div>
</div>
</div>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/cferdinandi/[email protected]/dist/smooth-scroll.polyfills.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>