process101/index.html at main · samTime101/process101 · 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
<!-- UPDATED 11-1 git -->

<html>
<head>
  <!-- UPDATED -->
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">

  <head>
    <meta property="og:image" content="https://process101.web.app/images/logo.png">
    <meta property="og:image:width" content="1200">
    <meta property="og:image:height" content="630">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.1/css/all.css"
      integrity="sha384-5sAR7xN1Nv6T6+dT2mhtzEpVJvfS3NScPQTrOxhwjIuvcA67KV2R5Jz6kr4abQsz" crossorigin="anonymous">
    <title>ARANIKO COLLEGE COMPUTER SCIENCE CLUB</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
    <link rel="stylesheet" href="css/style.css">
  </head>

<body>
  <!-- CANVAS matrix rain ko lagi ho DONT REMOVE -->
  <canvas id="c"> </canvas>

  <!-- NAVBAR KO CODE HARU-added on -->
  <div class="navbar navbar-inverse" role="navigation">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myidname">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <!-- <span class="navbar-brand">PROCESS101</span> -->
      <i class="fas fa-code fa-2x white"></i>
    </div>
    <div class="navbar-collapse collapse" id="myidname">
      <ul class="nav navbar-nav" style="  font-family: 'Orbitron', sans-serif;">
        <li>
        </li>
        <li>
          <a href="#">Process101</a>
        </li>
        <li>
          <a href="./pages/images.html  ">Photos</a>
        </li>
        <li>
          <a href="./pages/apply.html">Apply</a>
        </li>
        <li>
          <a href="#">About</a>
        </li>
      </ul>
    </div>
  </div>

  <div class="container">
    <div class="section-1">
      <img src="images/logo.png" alt="" width="90px" height="90px">
      <br>
      <h2>PROCESS-101</h2>
      <h3> COMPUTER SCIENCE CLUB</h3>
      <p id="add"><strong>Arniko College,Brt-10,Nepal</strong></p>
      <!-- added some margin and increased the icon size (SAMIP) -->
      <a href="https://discord.gg/HPWmk2cv" style="margin-right: 20px;" target="_blank"><i
          class="fab fa-discord fa-2x white"></i></a>
      <a href="https://www.facebook.com/profile.php?id=61556513303598" target="_blank"><i
          class="fab fa-facebook fa-2x white"></i></a>

    </div>

    <div class="alert alert-warning alert-dismissible" role="alert" style="margin-top: 10vh; background-color: #222; font-family: 'Orbitron', sans-serif;
    ">
      <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span
          aria-hidden="true">&times;</span></button>
      <a href="./pages/leaderboard.html" style="color: white;"><strong>Hackathon-080</strong> Sucessfully conducted</a>
    </div>

    <div class="section-2">
      <h3><a href="#" class="white" id="ab">&lt;ABOUT/&gt;</a></h3>
      <p><strong>Process 101</strong> is the computer science club of arniko for students who are intrested, experienced
        or wanna learn and collaborate in making fun computer programs. It's a collaborative community for entusiast in
        the field of cs.</p>
      <h3>How To Join?</h3>
      <p>To join the computer science club, firstly join the discord server by the <strong><a href="https://discord.gg/dbF8F5gH2q">Disord-Link</a></strong>, then fill in the <strong><a href="../pages/apply.html">Form</a></strong></p>
    </div>

    <div class="section-3">

      <h2>upcoming events</h2>
      <li><a href="#" class="white">Hackathon-081 Next Year</a></li>

      <h2>Process 101</h2>
      <p>Site created on 2080-10-23 and is currently on development.</p>

      <h2>contacts</h2>
      <p><i class="fab fa-facebook"> </i> <a class="white" href="https://www.facebook.com/sworup.bastola.10"
          target="_blank">
          Sworup Bastola 12,Euclid</a></p>
      <p><i class="fab fa-facebook"> </i> <a class="white" href="https://www.facebook.com/diwas.dahal.2020"
          target="_blank">
          Diwas Dahal 12,Euclid</a></p>
    </div>
  </div>
  <footer>
    <p><a class="white" href="https://plustwo.arnikofoundation.edu.np/home" target="_blank">&copy; Arniko College
        @SamipTime101 @SaxatB</a></p>
  </footer>


</body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<script src="js/matrix.js"></script>
<script src="./js/count.js"></script>
</html>