TeamFour/index.html at main · bringmetheaxx/TeamFour · 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
145
146
147
148
149
150
151
152
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css" integrity="sha512-+4zCK9k+qNFUR5X+cKL9EIR+ZOhtIloNl9GIKS57V1MyNsYpYcUrUeQc9vNfzsWfV28IaLL3i96P9sdNyeRssA==" crossorigin="anonymous" />
    <link rel="stylesheet" href="css/utilities.css">
    <link rel="stylesheet" href="css/styles.css" />
    <!-- Add by Axil begin -->
    <title>cloud4 | storage 4 life</title>
  </head>
  <body>
    <h1>cloud4</h1>

  <div class="navbar">
      <div class="container flex">
          <nav>
              <ul>
                  <li><a href="index.html">Home</a></li>
                  <li><a href="gallery.html">Gallery</a></li>
                  <li><a href="contact.html">Contact</a></li>
              </ul>
          </nav>
      </div>
  </div>
    <!-- Add by Áxil end-->

    <!-- Consultation form by Daniel BEGIN -->

    <section class="showcase">
      <div class="container grid">
        <div class="showcase-text">
          <h2>Better Consultation</h2>
          <p>
            Deploy web apps of all kinds, from large scale enterprise APIs to
            static websites for individuals. Fill out the form to have a consultation
            about our platform
          </p>
          <!-- <a href="features.html" class="btn btn-outline">=====></a> -->
        </div>

        <div class="showcase-form card">
          <h3>Request a Consultation</h3>
          <!--  <form name="contact" netlify-honeypot="bot-field" method="POST" data-netlify="true">
              <input type="hidden" name="form-name" value="contact">
              <p class="hidden">
                  <label>Don’t fill this out if you're human: <input name="bot-field" /></label>
                </p>
              <div class="form-control">
                  <input type="text" name="name" placeholder="Name" required>
              </div>
              <div class="form-control">
                  <input type="text" name="company" placeholder="Company Name" required>
              </div>
              <div class="form-control">
                  <input type="email" name="email" placeholder="Email" required>
              </div>
              <input type="submit" value="Send" class="btn btn-primary">
          </form> -->
          <form>
            <div class="form-control">
              <input type="text" name="name" placeholder="Name" required />
            </div>
            <div class="form-control">
              <input
                type="text"
                name="company"
                placeholder="Company Name"
                required
              />
            </div>
            <div class="form-control">
              <input type="email" name="email" placeholder="Email" required />
            </div>
            <input type="submit" value="Send" class="btn btn-primary" />
          </form>
        </div>
      </div>
    </section>
    <!-- Adding our services part by Momain -->
    <section class="stats">
      <div class="container">
          <h2 class="stats-heading text-center my-1">
             Welcome Our Services</h2> <br>
          <h3 class="stats-heading text-center my-1">
              cloud4 Software Development & Design <br>
              We provide custom software that’s stable,<br>
              scalable, and secure. Human-centered and<br>
              easy to use. Expertly tailored around your<br>
              business goals.
          </h3>

          <div class="grid grid-3 text-center my-4">
              <div>
                  <i class="fab fa-internet-explorer fa-3x"></i>
                  <h3>10,349,405</h3>
                  <p class="text-secondary">Web App Capabilities</p>
              </div>
              <div>
                  <i class="fas fa-mobile-alt fa-3x"></i>
                  <h3>1,246,105</h3>
                  <p class="text-secondary">Mobile App Capabilities</p>
              </div>
              <div>
                  </i><i class="fas fa-desktop fa-3x"></i>
                  <h3>2,343,265</h3>
                  <p class="text-secondary">Desktop App Capabilities</p>
              </div>
          </div>
      </div>
  </section>
  <!-- Moamin part is finished-->


   <!--Tatsiana part -->
   <section class="cloud bg-primary my-2 py-2">
    <div class="container grid">
        <div class="text-center">
            <h2 class="lg">Extreme Cloud Hosting</h2>
            <p class="lead my-1">Cloud hosting like you've never seen. Fast, efficient and scalable</p>
            <a href="features.html" class="btn btn-dark">Read More</a>
        </div>
        <img src="images/Cloud.png" alt="">
    </div>
</section>
<!--Tatsiana part is finished-->

<footer class="footer bg-dark py-5">
  <div class="container grid grid-3">
      <div>
          <h1>cloud4
          </h1>
          <p>Copyright © 2021</p>
      </div>
      <nav>
          <ul>
              <li><a href="index.html">Home</a></li>
              <li><a href="gallery.html">Gallery</a></li>
              <li><a href="contact.html">Contact</a></li>
          </ul>
      </nav>
      <div class="social">
          <a href="#"><i class="fab fa-github fa-2x"></i></a>
          <a href="#"><i class="fab fa-facebook fa-2x"></i></a>
          <a href="#"><i class="fab fa-instagram fa-2x"></i></a>
          <a href="#"><i class="fab fa-twitter fa-2x"></i></a>
      </div>
  </div>
</footer>
</body>
</html>