basic-web-development/index.html at master · ojnaaduana/basic-web-development · 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
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
<!DOCTYPE html>
<html class="no-js" lang="en">
   <head>
      <title>Basic Web Development</title>
      <meta http-equiv="x-ua-compatible" content="ie=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <link media="all" type="text/css" rel="stylesheet" href="css/main.css">
   </head>
   <body>
      <div class="hero bg-white">
         <div class="container pt-5 pb-5 mb-5 mt-5">
            <div class="row">
               <div class="col-lg-9 col-md-12 col-sm-12 col-xs-12">
                  <h1 class="hero-title">
                     We create products and services people love.
                  </h1>
               </div>
            </div>
            <div class="row justify-content-end">
               <div class="col-lg-6 col-md-12 col-sm-12 col-xs-12">
                  <div class="text">
                     <p>Iona is a digital studio that transforms companies, innovates new business models and creates new products and services.</p>
                  </div>
               </div>
            </div>
            <div class="row justify-content-end">
               <div class="col-lg-6 col-md-12 col-sm-12 col-xs-12">
                  <div class="link mt-5">
                     <a href="#work" class="btn btn-outline-dark">
                     See our work
                     </a>
                  </div>
               </div>
            </div>
         </div>
      </div>
      <div class="services">
         <div class="container">
            <div class="row">
               <h2 class="col-md-12 col-sm-12 col-xs-12 section-title">Services</h2>
            </div>
            <div class="row mb-row">
               <div class="col-lg-6 col-md-12">
                  <div class="row pos-right">
                     <div class="col-lg-3 col-md-12">
                        <div class="services-img">
                           <img src="https://iona.studio/images/d132f8223c809fd74f94c8886eda6a01f90cf407.webp" class="img-fluid" alt="Responsive image">
                        </div>
                     </div>
                     <div class="col-lg-9 col-md-12 pl-0 card-wrapper">
                        <div class="card bg-white">
                           <div class="card-header bg-white">
                              <h4>Strategy & Concept</h4>
                           </div>
                           <div class="card-body bg-white">
                              <p class="card-text">
                                 We challenge the belief that strategy
                                 processes and finding new sustainable
                                 business models need to be a lengthy and
                                 costly undertaking. By partnering with us,
                                 organizations can quickly establish a
                                 feasible digital strategy and start benefiting
                                 from fhe results right away. We identify
                                 relevant trends affecting your industry,
                                 analyze potential for new scalable business
                                 models and create a blueprint for profitable
                                 growth.
                              </p>
                           </div>
                           <div class="card-footer bg-white">
                              <ul>
                                 <li><span class="caption">Brand Strategy & Positioning</span></li>
                                 <li><span class="caption">Digital Strategy</span></li>
                                 <li><span class="caption">Customer Journey Mapping</span></li>
                                 <li><span class="caption">Innovation Methods</span></li>
                                 <li><span class="caption">New Business Models</span></li>
                              </ul>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="col-lg-6 col-md-12">
                  <div class="row pos-left">
                     <div class="col-lg-3 col-md-12">
                        <div class="services-img">
                           <img src="https://iona.studio/images/5da2dfa762fdf85c946dedae56f76ef91f738a97.webp" class="img-fluid" alt="Responsive image">
                        </div>
                     </div>
                     <div class="col-lg-9 col-md-12 pl-0 card-wrapper">
                        <div class="card bg-white">
                           <div class="card-header bg-white">
                              <h4>Design</h4>
                           </div>
                           <div class="card-body bg-white">
                              <p class="card-text">
                                 We design great brand experiences, digital
                                 products and services people love to use.
                                 Using an agile and collaborative process
                                 based on user insights and years of
                                 expertise, we create a holistic design that
                                 reflects fhe brand, is both beautiful and fun
                                 to use.
                           </div>
                           <div class="card-footer bg-white">
                              <ul>
                                 <li><span class="caption">Brand Indetifies</span></li>
                                 <li><span class="caption">UX & UI Design</span></li>
                                 <li><span class="caption">Visual Design</span></li>
                                 <li><span class="caption">Art Direction</span></li>
                              </ul>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <div class="row mb-row">
               <div class="col-lg-6 col-md-12">
                  <div class="row pos-right">
                     <div class="col-lg-3 col-md-12">
                        <div class="services-img">
                           <img src="https://iona.studio/images/6cf0cff0cf996da32ee26205acc29136f4b12459.webp" class="img-fluid" alt="Responsive image">
                        </div>
                     </div>
                     <div class="col-lg-9 col-md-12 pl-0 card-wrapper">
                        <div class="card bg-white">
                           <div class="card-header bg-white">
                              <h4>Development</h4>
                           </div>
                           <div class="card-body bg-white">
                              <p class="card-text">
                                 Our team of senior engineers will deliver
                                 your digital product or service, anything
                                 from a prototype fo high-performance
                                 enterprise-level plafforms. We use only
                                 battle-tested technologies to the highest
                                 standards of quality and availability.
                           </div>
                           <div class="card-footer bg-white">
                              <ul>
                                 <li><span class="caption">Technical Design & Architecture</span></li>
                                 <li><span class="caption">Software Development</span></li>
                                 <li><span class="caption">Cloud Solutions</span></li>
                                 <li><span class="caption">Ecommerce Solutions and Online Stores</span></li>
                                 <li><span class="caption">Mobile Apps</span></li>
                                 <li><span class="caption">Responsive Websites</span></li>
                                 <li><span class="caption">Cloud Hosting & 24/7 Maintenance</span></li>
                              </ul>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="col-lg-6 col-md-12">
                  <div class="row pos-left">
                     <div class="col-lg-3 col-md-12">
                        <div class="services-img">
                           <img src="https://iona.studio/images/51528a5290bf8d9544eeaf96718fccb9b08a9f61.webp" class="img-fluid" alt="Responsive image">
                        </div>
                     </div>
                     <div class="col-lg-9 col-md-12 pl-0 card-wrapper">
                        <div class="card bg-white">
                           <div class="card-header bg-white">
                              <h4>Project Management</h4>
                           </div>
                           <div class="card-body bg-white">
                              <p class="card-text">
                                 We offer project management services for ICT programs or smaller projects. Our consultants are seasoned veterans of the IT industry and follow best practices in agile project management, making sure you can reach targets on time and on budget. Anything from managing the project’s requirements to keeping all stakeholders on track with the project scope and progress, we got you covered.
                              </p>
                           </div>
                           <div class="card-footer bg-white">
                              <ul>
                                 <li><span class="caption">Pmo Service</span></li>
                                 <li><span class="caption">Project Management</span></li>
                                 <li><span class="caption">Scrum, Kanban</span></li>
                              </ul>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </body>
</html>