ANASAC/about.html at main · aviales/ANASAC · GitHub

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
133
134
135
136
137
138
139
140
141
142
143
144
<!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">
    <title>ANASAC</title>
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
    <link rel="stylesheet" href="css/style.css" type="text/css" />
    <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
</head>

<body>
    <header class="header">
        <nav class="navbar">
            <a href="#" class="nav-logo">ANASAC</a>
            <ul class="nav-menu ">
                <li class="nav-item">
                    <a href="index.html" class="nav-link">Home</a>
                </li>
                <li class="nav-item">
                    <a href="beneficios.html" class="nav-link">Beneficios</a>
                </li>
                <li class="nav-item">
                    <a href="crawl.html" class="nav-link">Craw</a>
                </li>
                <li class="nav-item">
                    <a href="espalda.html" class="nav-link">Espalda</a>
                </li>
                <li class="nav-item">
                    <a href="mariposa.html" class="nav-link">Mariposa</a>
                </li>
                <li class="nav-item">
                    <a href="pecho.html" class="nav-link">Pecho</a>
                </li>
                <li class="nav-item">
                    <a href="natacion.html" class="nav-link">Natacion</a>
                </li>
            </ul>
            <div class="hamburger">
                <span class="bar"></span>
                <span class="bar"></span>
                <span class="bar"></span>
            </div>
        </nav>
    </header>
    <main class="showcase-2">
        <div class="container-fluid main-menu-wrap">
            <div class="row main-menu">
                <a class=" col-md-4 col-sm-12  grid-1" href="competencias.html">Competitions</a>
                <a class=" col-md-4 col-sm-12  grid-1" href="events.html">Next Events</a>
                <a class=" col-md-4 col-sm-12  grid-1" href="galeria.html">Gallery</a>
            </div>
        </div>
        <div class="container abt-txt-wrap">
            <h2>Welcome to ANASAC</h2>
            <p class="abt-text">
                Asotiation is a ficticious organisation established in 2021 for the purpose of a project. We cater for all ages and abilities from teenagers to senior citizens and from novice swimmers to former internationals. So if you like a challenge, keeping fit
                and enjoy meeting people of all levels of swimming ability – we’d love to have you join us on one of our many sea swims during the summer months. For current news, check out our Facebook, Twitter or YouTube pages
            </p>
            <h2>Health Benefits</h2>
            <div class="row  justify-content-around">
                <p class="abt-text col-sm-12 col-md-5 center">
                    For years sea swimming has been associated with health benefits - there's even a word for it: thalassotherapy. The magnesium in seawater may also help hydrate and improve the appearance of your skin. According to a study in the February 2005 edition of
                    the International Journal of Dermatology, bathing in a magnesium-rich Dead Sea salt solution helps promote skin moisture.
                </p>
                <p class="abt-text col-sm-12 col-md-5 center">
                    When we experience stress - such as getting into cold water - our heart and breathing rates increase. But the rate of this increase can be halved with regular short periods of immersion (between three and five minutes) in cold water, according to a report
                    in the Journal of Physiology.
                </p>
            </div>
            <div>
                <i class="far fa-smile fa-3x iconic"></i>
                <p class="abt-text">A study commissioned by Swim England to coincide with 'World Mental Health Day' found that when queried about the impact swimming has on their day-to-day life, 43pc of people who swim regularly said it makes them feel happier, 26pc are
                    more motivated to complete daily tasks while 15pc believe life feels more manageable.</p>
                <i class="fas fa-water fa-3x iconic"></i>
                <p class="abt-text">But all the studies in the world won't convince you until you try it. When you swim in cold water the body shuts down blood flow to the skin and extremities - it's why you can look a bit blue when you get out. But when you start to heat
                    up again and you feel the blood flowing back around the body again, it brings with it a kind of high, almost like a rush. It's a post-swim euphoria. It's totally natural and it's free.</p>
            </div>
        </div>
    </main>

    <!-- Services -->
    <section class="services bg-dark">
        <div class="container-fluid  center">
            <div class="row">
                <div class="col-md-4 col-sm-12 grid-1">
                    <i class="fas fa-image fa-4x iconic"></i>
                    <h3>
                        <a href="galeria.html">Gallery</a>
                    </h3>
                    <p class="center">look all Galleries</p>
                </div>
                <div class="col-md-4 col-sm-12  grid-1">
                    <i class="fas fa-calendar-alt fa-4x iconic"></i>
                    <h3><a href="events.html">Events</a></h3>
                    <p class="center">View up and coming events </p>
                </div>
                <div class="col-md-4 col-sm-12  grid-1">
                    <i class="fas fa-award fa-4x iconic"></i>
                    <h3><a href="competencias.html">Competitions</a></h3>
                    <p class="center">Look all Competitions</p>
                </div>
            </div>
        </div>
    </section>

    <!-- About -->
    <section class="bg-light about">
        <div class="container-fluid">
            <div class="grid-2">
                <div class="center">
                    <i class="fas fa-swimmer fa-5x"> </i>
                </div>
                <div>
                    <h3><a class="nav-link" style="color: black;" href="about.html">About Us</a></h3>

                </div>
            </div>
        </div>
    </section>

    <!--Footer-->
    <footer class="center bg-dark footer">
        <div class="row">
            <div class="col-md-8 col-sm-12">
                <p>ANASAC &copy; 2021</p>
            </div>
            <div class="col-md-4 col-sm-12">
                <p id="follow">Follow us on Social Media</p>
                <a href="https://www.youtube.com/" class="fab fa-youtube social fa-2x"></a>
                <a href="https://www.facebook.com/" class="fab fa-facebook social fa-2x"></a>
                <a href="https://www.instagram.com/" class="fab fa-instagram social fa-2x"></a>
                <a href="https://www.twitter.com/" class="fab fa-twitter social fa-2x"></a>
                <a href="https://api.whatsapp.com/send?phone=+50683510702&amp;text=Estoy interesado en tomar tu solicitud de informacion sobre ANASAC" class=" fab fa-whatsapp-square fa-2x"></a>
            </div>
        </div>
    </footer>
    <script src="css\javascript\topnav.js "></script>
</body>

</html>