WebSite_2/index.html at master · Razyapoo/WebSite_2 · 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
<!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="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">

    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
    <title>Welcome to my world.</title>
</head>
<body>
    <!-- Showcase & Nav -->
    <div id="showcase">
        <header>
          <nav>
              <div class="logo">
                  <a href='#showcase'>LOGO</a>
              </div>
            <ul class='cf'>
              <li>
                <a href='#showcase'>Intro</a>
              </li>
              <li>
                <a href='#music'>Skills</a>
              </li>
              <li>
                <a href='#video'>About</a>
              </li>
              <li>
                <a href='#gift-cards'>Partfolio</a>
              </li>
              <li>
                <a href='#login'>Log In</a>
              </li>
            </ul>
            <a href='#' id='openup'>LOGO</a>
          </nav>
        </header>

        <div class="section-main container">
          <h1>MyWorkSpace.</h1>
          <h2>Music, movies and TV shows take center stage.</h2>
          <p class="lead">
            iTunes is the best way to organize and enjoy the music, movies, and TV shows you already have — and shop for the ones you want. Enjoy all the entertainment iTunes has to offer on your Mac and PC.
          </p>
        </div>
    </div>
    <!-- Music Section -->

    <!-- Video Section -->

    <!-- Entertainmant section -->

    <!-- CiftCard Section -->

    <!-- Footer -->
    <script type="text/javascript">

      // Scrolling Effect

      $(window).on("scroll", function() {
            if($(window).scrollTop()) {
                  $('nav').addClass('black');
            }

            else {
                  $('nav').removeClass('black');
            }
      })


      </script>
    <script
  src="https://code.jquery.com/jquery-3.3.1.min.js"
  integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
  crossorigin="anonymous"></script>
    <script src="js/main.js"></script>
</body>
</html>