FirstTaskTAW/index.html at master · xabigar/FirstTaskTAW · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <title>Score</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="style/main.css">
    <link rel="stylesheet" type="text/css" href="style/index.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
    <script src="https://apis.google.com/js/platform.js"></script>
    <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
    <script src="./scripts/index.js"></script>
</head>
<body>

<!-- Header -->
<div id="header">
    <div class="title">
        <img class="imgLeft" src="img/ball.png" alt="Italian Trulli">
        <div class="pageTitle">
            <h1>Score.com</h1>
            <p>Your football page!</p>
        </div>
        <img class="imgRight" src="img/ball.png" alt="Italian Trulli">
    </div>
</div>
<!-- Header -->

<!-- Menu bar -->
<nav class="navbar navbar-expand-sm bg-dark navbar-dark">
    <a class="navbar-brand" href="#">Home</a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
        <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="collapsibleNavbar">
        <ul class="navbar-nav">
            <li class="nav-item">
                <a class="nav-link" href="./pages/news.html">News</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="./pages/table.html">Table</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="pages/scoreTable.html">Score table</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="pages/teams.html">Teams</a>
            </li>
        </ul>
    </div>
</nav>
<!-- Menu bar -->

<!--Content -->
<div class='container-fluid welcomeDiv'>
    <div class="row">
        <div class="col-md-7 offset-md-1">
            <h2>WELCOME TO SCORE.COM</h2>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam libero risus, tincidunt sit amet felis
                a, vehicula tincidunt mi. Aliquam a mollis lorem, ut rhoncus enim. Nam vitae vestibulum magna. Vestibulum
                hendrerit pretium orci, sed dapibus ex tincidunt sit amet. Ut elementum purus at facilisis porttitor.
                Vivamus dui nunc, imperdiet nec lobortis eget, rhoncus volutpat mauris.</p>
        </div>
        <div class="col-md-4">
            <img id="welcomeLogo" src='#'/>
        </div>
    </div>
</div>
<hr><hr>
<div class='container'>
    <div class="row">
        <div class="col-md-4 A">
            <h2>About Us</h2>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Turpis egestas sed tempus urna et pharetra pharetra. Lacus vestibulum sed arcu non. Massa tempor nec feugiat nisl. Semper viverra nam libero justo laoreet sit amet cursus sit. Eget gravida cum sociis natoque. Blandit massa enim nec dui nunc mattis enim ut. Vitae ultricies leo integer malesuada nunc. Varius sit amet mattis vulputate enim nulla aliquet. Adipiscing vitae proin sagittis nisl rhoncus mattis rhoncus urna..</p>
        </div>
        <div class="col-md-4 B">
            <h2>Follow us</h2>
            <ul>
                <br/>
                Facebook:<br/>
                <a title="Facebook" href="https://es-es.facebook.com/"><img src='./img/facebook.png' class='socialNetworkLogo'/></a><br/>
                Instagram:<br/>
                <a title="Instagram" href="https://www.instagram.com/"><img src='./img/instagram.png' class='socialNetworkLogo'/></a><br/>
                Twitter:<br/>
                <a class="twitter-follow-button" href="https://twitter.com/Score">Follow @Score</a></li><br/>
                YouTube:<br/>
                <div class="g-ytsubscribe" data-channel="Goal" data-layout="default" data-count="default"></div>
            </ul>
        </div>
        <div class="col-md-4 C">
            <h2>Where are we?</h2>
            <div style="width: 100%"><iframe width="100%" height="300" src="https://maps.google.com/maps?width=100%&height=600&hl=es&q=Estadio%20Enrique%20Roca%20de%20Murcia+(Where%20are%20we)&ie=UTF8&t=k&z=17&iwloc=B&output=embed" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"><a href="https://www.mapsdirections.info/marcar-radio-circulo-mapa/">Calculadora de radio del mapa</a></iframe></div><br />
        </div>
    </div>
</div>
<!--Content -->

<!-- Footer -->
<footer class="page-footer">
    <div class="footer-copyright text-center py-3">© 2020 Copyright:
        <a href="https://score.com/">Score.com</a>
    </div>
</footer>
<!-- Footer -->

</body>
</html>