tech/fairtechpricing.php at master · Rldeckard/tech · 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
<html>
<head>
<?php include('header.php');?>
<style>
.slide_in_off{
  animation: slideMe 1s ease-in;
}
@keyframes slideMeOFF{
  0%{
    transform: skewX(53deg) translateX(-500px);
  }
  60%{
    transform:translateX(0px);
  }
  62%{
    transform:skewX(0deg) translateX(30px);
  }
  70%{
    transform: skew(-20deg);
  }
  100%{
    transform:skew(0deg);
  }
}
.col {
  animation: fadeInAnimation ease 3s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}
@keyframes fadeInAnimation {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
.col:hover {
  opacity: 1;
}
.container {
  text-align: center;
}
.col:action {
  box-shadow: 5px 5px 5px 2px  gray;
}
a {
  color: black;
}
ul {
  list-style-type: square;
  list-style-position: inside;
}
/*hr {
  margin-left: 20px;
  margin-right: 20px;
  color: white;
  border: 0;
  box-shadow: 1px 1px 1px 1px  #ccc;
}*/
.background {
  background-image: url("Images/stars.png");
  /* Set a specific height */
  height: 1200px;
  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}
.row {
  background: inherit;
  text-align: center;
  width: auto;
  animation: fadeInAnimation ease 3s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;


}
/** {
  box-sizing: border-box;
}*/
.blue {
  color: #3A96B8;
  font-weight: normal;
}
p {
  text-align: center;
}
ul {
  text-align: left;
}
li {
  padding-top: 5px;
  padding-bottom: 5px;
  text-decoration: none;
}
a {
  text-decoration: none;
}
</style>
<title>Deckard Tech Computer Solutions Pricing Guide</title>
</head>
<body>
<div class="container">
  <div>
    <h1 class="blue" style="text-align:center">Comprehensive guide to fair pricing</h1>
    <p>Below are the prices listed per visit and service request. Questions and quotes can be requested through
    the contact tab at the top. Any and all inquires are welcome.</p>
    <br>
    <br>
  </div>
  <div class="row justify-content-center">
      <div class="col col-12 col-md-12 col-lg-5 ml-auto mt-4">
        <p><i class="fa fa-home fa-5x" ></i><br><br>Residential Service - $50 per Hour</p><hr><br>
        <p>Will cover most residential jobs. Slow computer repair to Wi-Fi replacement all for $50, and can
        typically be done in less than an hour! </p>
      </div>
      <div class="col col-12 col-md-12 col-lg-5 ml-auto mt-4">
        <p><i class="fa fa-server fa-5x" ></i><br><br>Business Service - $75 per Hour</p><hr><br>
        <p>Offering anything your business needs! Changes to a website? Look no further. Managing confusing Microsoft Licenses?
        Let Me handle that burden. Tired of manually upgrading all the computers in your office? I'd be happy to take that off your hands. Much cheaper than hiring a full time IT staff and much more knowledgeable.</p>
      </div>
      <div class="col col-12 col-md-12 col-lg-5 ml-auto mt-4">
        <p class="title text-center"><i class="fa fa-mobile fa-5x" ></i><br>Android and Apple iPhones</p><hr><br>
          <ul>
            <li>Screen Replacements</li>
            <li>Back Glass Repair</li>
            <li>Battery Replacements</li>
            <li>Diagnostic and Repair</li>
            <li>Software Upgrades and Diagnostic</li>
          </ul>
      </div>
      <div class="col col-12 col-md-12 col-lg-5 ml-auto mt-4">
        <p class="title text-center"><i class="fa fa-laptop fa-5x" ></i><br>Desktops and Laptops</p><hr><br>
          <ul>
            <li>Cable Management</li>
            <li>Computer tower installation</li>
            <li>Parts Addition/Upgrades</li>
            <li>Parts diagnostic and repair</li>
            <li>Custom Computer Builds</li>
          </ul>
      </div>
      <div class="col col-12 col-md-12 col-lg-5 ml-auto mt-4">
        <p class="title text-center"><i class="fa fa-code fa-5x" ></i><br><br>Website Design and Automation</p><hr><br>
          <ul>
            <li>Basic website design, content assistance</li>
            <li>Website Updates</li>
            <li>Powerful timesaving automation</li>
            <li>Data gathering and presenting</li>
            <li>Much, much, more! You think it, we build it</li>
          </ul>
      </div>
      <div class="col col-12 col-md-12 col-lg-5 ml-auto mt-4">
        <p class="title text-center"><i class="fa fa-cogs fa-5x" ></i><br><br>Software</p><hr><br>
          <ul>
            <li>Software Tune ups</li>
            <li>Operating system upgrades</li>
            <li>Virus removal</li>
            <li>Program installation and removal</li>
          </ul>
      </div>
      <div class="col col-12 col-md-12 col-lg-5 ml-auto mt-4">
        <p class="title text-center"><i class="fa fa-wifi fa-5x" ></i><br>Internet</p><hr><br>
          <ul>
            <li>Network installation and setup</li>
            <li>Router / modem diagnostics</li>
            <li>Network troubleshooting</li>
            <li>Firmware upgrades</li>
          </ul>
      </div>
    </div>
  </div>
</div>
</body>
</html>