-
Notifications
You must be signed in to change notification settings - Fork 0
/
article.html
122 lines (114 loc) · 4.2 KB
/
article.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
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>The Sailing School</title>
<link rel="stylesheet" href="css/standardize.css">
<link rel="stylesheet" href="grid/simple-grid.css">
<link rel="stylesheet" href="css/typography.css">
<link rel="stylesheet" href="css/menu.css">
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<!-- MENU -->
<!-- <header class="menu">
<nav class="navigation">
<ul class="navigation-list">
<li class="navigation-item"><a class="active" href="#home">Home</a></li>
<li class="navigation-item"><a href="#news">News</a></li>
<li class="navigation-item"><a href="#contact">Contact</a></li>
<li class="navigation-item"><a href="#about">About</a></li>
<li class="icon"><a href="javascript:void(0);" style="font-size:1em;" onclick="myFunction()">☰</a></li>
</ul>
</nav>
</header> -->
<section class="menu">
<!-- <h6 class="menu-text">MENU</h6> -->
<nav class="navigation">
<ul class="topnav" id="myTopnav">
<li><a href="index.html">Home</a></li>
<li><a href="#contact">Scuola Vela</a></li>
<li><a class="active" href="article.html">Blog</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="#about">About</a></li>
<li class="icon"><a href="javascript:void(0);" style="font-size:1em;" onclick="myFunction()">☰</a></li>
</ul>
</nav>
</section>
<header>
<div class="container">
<div class="row">
<div class="col-12 center">
<div class="img image-logo center"></div>
<h2 class="main-header">SAILING SCHOOL</h2>
</div>
</div>
<div class="row">
<div class="col-12 center image-background-article">
<h6 class="subtitle-img">Experiencing the Sea</h6>
</div>
</div>
<div class="row">
<div class="col-12 center">
<h2 class="header-article">Le Départ</h2>
</div>
<div class="col-2 hidden-sm"></div>
<div class="col-8 paragraph-text">
<p>
It can feel impossible to move toward your dreams.
You know exactly what you want to do, but there are endless obstacles in your way.
</p>
<p>
There is so much competition — thousands or millions of people competing to do exactly what you want to do.
How do you get out of the rat race?
</p>
<p>
How do advance quick enough to not have your dreams smashed into submission by society and imploded by “reality”?
How do you make the needed leaps to move beyond the masses vying for a similar position?
</p>
<p>
After all, you have bills to pay and tons of other responsibilities.
You only have a limited amount of time each day.
After work and everything else you’ve got going on, it’s easy to justify waiting until tomorrow.
Even if you have the raw energy to do your work, you may feel guilty breaking from your relational obligations.
</p>
<p>
It truly can feel hopeless and overwhelming. There’s so much to learn.
It can be easy to doubt our own abilities. Maybe we should just give up and accept reality for what it is?
</p>
<p class="author-text">
Written by 'Author'
on Sat 27 Aug
</p>
</div>
<div class="col-2 hidden-sm"></div>
<div class="col-12 center">
<img src="/Users/manfredi/Desktop/Sail/img/waves.svg" alt="" class="separator-img"/>
</div>
</div>
</div>
</header>
<footer class="full-width footer-article">
<div class="container">
<div class="row">
<div class="col-12 center">
<p>
FOOTER!
</p>
</div>
</div>
</div>
</footer>
<script>
function myFunction() {
var x = document.getElementById("myTopnav");
if (x.className === "topnav") {
x.className += " responsive";
} else {
x.className = "topnav";
}
}
</script>
</body>
</html>