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

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>BoltWare</title>
  <link href="style.css" rel="stylesheet" type="text/css" media="screen" />


</head>

<body>
  <!-- CONTAINER -->
  <div class="container">

    <!-- NAV BAR -->
    <div class="navbar">
      <ul>
        <a href="#home"><img src="Assets/img/lightning-bolt.png"></a>
        <li><a href="#contact">Contact</a></li>
        <li><a href="#team">Team</a></li>
        <li><a href="#aboutus">About</a></li>
        <li><a href="#home">Home</a></li>
      </ul>
    </div>
    <!-- End of Navbar -->

    <!-- HOME BAR -->
    <div class="home" id="home">
      <h1> BoltWare </h1>
      <p> We are your lightening bolt moment!</p>
      <button> Work with Us </button>
    </div>
    <!-- End of Home Bar -->


    <!-- ABOUT US SECTION -->

    <div class="aboutus" id="aboutus">
      <h1> ABOUT US</h1>


      <div class="aboutusSection">
        <div class="aboutimg">
          <img src="Assets/img/Pencil-Image.png" alt="pic1">
          <div class="descriptionabout">
            <h1 class="aboutustitles">Design</h1>
            <p>We stay ahead of new trends to bring you attractive web design,whether your existing site just needs a facelift or you need to build from scratch </p>
          </div>
        </div>
        <div class="aboutimg">
          <img src="Assets/img/lightning (1).png" alt="pic2">
          <div class="descriptionabout">
            <h1 class="aboutustitles">Collaboration</h1>
            <p>Don’t know where to start? Let us understand your needs and craft an elegant design that fits your brand and creates a user experience you didn’t think possible.
 </p>

          </div>
        </div>
        <div class="aboutimg">
          <img src="Assets/img/Dev-Icon.png" alt="pic3">
          <div class="descriptionabout">
            <h1 class="aboutustitles">Development</h1>
            <p>Your profile in today’s dynamic web can’t stand still, so we focus on a quality product that anyone can run. </p>
          </div>
        </div>
      </div>
    </div>

    <!-- End of the about section -->


    <!-- TEAM BAR -->
    <div class="team" id="team">
      <h1> TEAM </h1>
      <p> We are a group of hard working, fast learning superheros, ready to take action. Fixing problems is our specialty and we love doing this. Let us be that lightning bolt moment for your project!
      </p>
      <div class="imagesInTeamSection">
        <div class="teamImg">
          <img src="Assets/img/nick.jpg" alt="pic1">
          <div class="description">Nicholas Peal</div>
        </div>
        <div class="teamImg">
          <img src="Assets/img/marlen.jpg" alt="pic2">
          <div class="description">Marlen Awwad</div>
        </div>
        <div class="teamImg">
          <img src="Assets/img/haitham.jpg" alt="pic3">
          <div class="description">Haitham Bweirat</div>
        </div>
      </div>
    </div>

    <!-- End of Team Bar -->


    <!--CONTACTS -->
    <div class="contact" id="contact">
      <h1>FEEL FREE TO CONTACT US!</h1>

      <div class="contact-form">
        <form>
          Name:<br>
          <input type="text" placeholder="My Name" size="65" /><br>
          Email:
          <br>
          <input type="text" placeholder="me@myemailaddress.com" size="65" /><br>
          Message:
          <br>
          <textarea placeholder="your message..." cols="63" rows="5"></textarea><br>
          <input type="button" id="button" value="SEND" />
        </form>
      </div>


    </div>


    <!--END CONTACTS -->


    <!-- FOOTER -->
    <div class="footer">
      <p class="copyright">© BoltWare</p>

    </div>
    <!-- End of Footer -->

  </div>
  <!-- End of Container -->
</body>

</html>