encoding/index.html at master · kattpish/encoding · 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
<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Hello Bulma!</title>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.1/css/bulma.min.css">
  <link rel="stylesheet" href="css/style.css">
  <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900" rel="stylesheet">
  <script defer src="https://use.fontawesome.com/releases/v5.0.7/js/all.js"></script>
</head>

<body>
  <section class="hero is-fullheight bg-image">
    <div class="hero-head">
      <nav class="navbar">
        <div class="container">
          <div class="navbar-brand">
            <a class="navbar-item">
              <p class="weight-100 nav-title">EN:CODING</p>
            </a>
            <span class="navbar-burger burger" data-target="navbarMenuHeroB">
            <span></span>
            <span></span>
            <span></span>
            </span>
          </div>
          <div class="navbar-menu">
            <div class="navbar-end">
              <a class="navbar-item">
              About us
            </a>
              <a class="navbar-item">
              Coding kit
            </a>
              <a class="navbar-item">
              Purchase
            </a>
              <a class="navbar-item has-text-warning">
              Sign in
            </a>
            </div>
          </div>
        </div>
      </nav>
    </div>

    <div class="hero-body">
      <div class="container has-text-centered hero-content">
        <p class="hero-title">
          EN:CODING
        </p>
        <span class="hero-subtitle">
          Code the Environment<br>for CHILDREN<br>for THE WORLD
          <div class="hero-button">
            <a class="button is-warning is-rounded is-outlined">
            <span>Donate</span>
        </a>
      </div>
      </span>
    </div>
    </div>
  </section>

  <body>
    <section class="section section-padding" style="background-color: none !important;">
      <div class="section-container container flex">
        <div class="section-para">
          <h1 class="title">Save the earth!</h1>
          <h2 class="subtitle">
            As time passes, the environmental pollution is getting worse.<br> Every year the temperature of our planet is rising.<br> Many creatures are suffering from environmental pollution.
          </h2>
          <div class="">
            <a class="button is-danger is-rounded is-outlined">
            <span>Learn More </span>
          </a>
          </div>
        </div>
        <img src="https://images.unsplash.com/photo-1523939651214-1639cb634cb1?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=5ef157648f840862fbca027045caf8f3&auto=format&fit=crop&w=1351&q=80" style="width: 45%; height: 45%;" />
      </div>
    </section>
    <section class="section sec-2 section-padding" style="background-color: none;">
      <div class="container section-container-center">
        <h1 class="title has-text-white">What is EN:CODING?</h1>
        <h2 class="subtitle has-text-white" style="width: 70%; font-size: 18px; padding: 3rem 0;">
          The project is an environmental protection campaign to educate young people about the importance of protecting the environment. Its purpose is to provide environmental awareness by distributing environment related kits through the production of Air purifier coding kits through the ionizer module.
        </h2>
        <div class="">
          <a class="button is-white is-rounded is-outlined">
            <span>Learn More </span>
          </a>
        </div>
      </div>
    </section>
  </body>
</body>

</html>