Skip to content

Commit 3471080

Browse files
Tech-Assist-LLCTech-Assist-LLC
authored
Upload Website
Published?
1 parent d084e0e commit 3471080

5 files changed

Lines changed: 227 additions & 0 deletions

File tree

‎.gitattributes‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
# Auto detect text files and perform LF normalization
2+
* text=auto

‎Assets/Buisness Card.jpg‎

114 KB
Loading

‎Assets/Grass Backround.jpg‎

592 KB
Loading

‎index.html‎

Lines changed: 95 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,95 @@
1+
<!DOCTYPE html>
2+
<html>
3+
4+
<head>
5+
<title>Tech Assist</title>
6+
<!-- Required meta tags -->
7+
<meta charset="utf-8">
8+
<meta name="homepage" content="Simple page for simple help with tech">
9+
<meta name="viewport" content="width=device-width, initial-scale=1" />
10+
<link href='https://fonts.googleapis.com/css?family=Dancing Script' rel='stylesheet'>
11+
12+
<!-- Bootstrap? (mobile accesibility & toolkit)-->
13+
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.5/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-SgOJa3DmI69IUzQ2PVdRZhwQ+dy64/BUtbMJw1MZ8t5HZApcHrRKUc4W0kG879m7">
14+
15+
<!-- CSS & Asset files -->
16+
<link rel="stylesheet" href="style.css">
17+
</head>
18+
19+
<body>
20+
<div class="page">
21+
<!--header start-->
22+
<div class="header">
23+
<h1>Tech Assist</h1>
24+
<h2>Tech made easy</h2>
25+
<!--
26+
Note: Other subtitles for rotation, odometer style?
27+
<h2>Simple Help for all your Tech</h2>
28+
-->
29+
</div>
30+
31+
<!--
32+
Intro
33+
-->
34+
<p>
35+
Hello, I'm Connor, your local 'Tech Guy' for the greater west Fort Worth area..... aaand Dallas.
36+
<br><br>
37+
If you are having any tech related issues please give me a call. I am a small buisness doing concierge services at minimal prices. I have the time and patience to get your computer/network/phone to work best for you.
38+
</p>
39+
<!-- >>>>>>>>>>>>>>>>>>>>>>>Buisness Card here <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<-->
40+
<div class="contactBox">
41+
<a href="tel:+8174759259">
42+
<img class="bCard" alt="Official Buisness Card" src="Assets/Buisness%20Card.jpg" />
43+
</a>
44+
<p class="contactInfo">Contact Us</p>
45+
</div>
46+
<!-- End Buisness Card -->
47+
<p>Already on your phone? Click the buisness card to call!</p>
48+
<div class="scope">
49+
<h3>My Scope</h3>
50+
<h6>No Job Too Small.</h6>
51+
<h4>I can help with ALL your "<em>I'm not tech savvy</em>" issues</h4>
52+
<ul>
53+
<li>Phone Repair</li>
54+
<li>Virus scans</li>
55+
<li>Updates</li>
56+
<li>Computer/phone customization</li>
57+
<li>Computer assembly</li>
58+
<li>File/folder organization</li>
59+
<li>Email setups/filtering &amp; colated views</li>
60+
<li>OS 'Operating System' Installs (10, 11, Linux, etc.) Including Dual Boot</li>
61+
<li></li>
62+
63+
</ul>
64+
</div>
65+
<footer>
66+
<ul>
67+
<li>Website created in house! [Using Brackets] :D </li>
68+
<li><a href="tel:+8174759259">Contact Us: 817-475-9259</a></li>
69+
</ul>
70+
<br><br><br>
71+
</footer>
72+
</body>
73+
<!-- ( Thanks Brackets :)
74+
75+
[[[[[[[[[[[[[[[ ]]]]]]]]]]]]]]]
76+
[:::::::::::::: ::::::::::::::]
77+
[:::::::::::::: ::::::::::::::]
78+
[::::::[[[[[[[: :]]]]]]]::::::]
79+
[:::::[ ]:::::]
80+
[:::::[ ]:::::]
81+
[:::::[ ]:::::]
82+
[:::::[ ]:::::]
83+
[:::::[ CODE THE WEB ]:::::]
84+
[:::::[ http://brackets.io ]:::::]
85+
[:::::[ ]:::::]
86+
[:::::[ ]:::::]
87+
[:::::[ ]:::::]
88+
[:::::[ ]:::::]
89+
[::::::[[[[[[[: :]]]]]]]::::::]
90+
[:::::::::::::: ::::::::::::::]
91+
[:::::::::::::: ::::::::::::::]
92+
[[[[[[[[[[[[[[[ ]]]]]]]]]]]]]]]
93+
<3 your the Best
94+
-Litppunk>
95+
-->

‎style.css‎

Lines changed: 130 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,130 @@
1+
/* C&P from cyptian*/
2+
3+
/*===================
4+
base css (should act as defualt style?)
5+
=====================*/
6+
7+
body{
8+
font-family: 'Montserrat', sans-serif;
9+
font-size: 2em;
10+
color: burlywood;
11+
overflow-x: scroll;
12+
position: relative;
13+
/* Background */
14+
background-image: url('Assets/Grass%20Backround.jpg');
15+
background-color:rgba(0, 0, 149, 0.70);
16+
background-blend-mode:multiply;
17+
background-size: cover;
18+
background-repeat: no-repeat, repeat;
19+
height: 100svh;
20+
width: inherit;
21+
background-position: center;
22+
background-attachment: fixed;
23+
24+
}
25+
26+
h1{
27+
color: forestgreen;
28+
text-align: center;
29+
}
30+
31+
h2{
32+
text-align: center;
33+
font-style: italic;
34+
font-family: 'Dancing Script';
35+
}
36+
h3{
37+
padding: 0;
38+
margin: 0;
39+
color: cadetblue;
40+
}
41+
.page {
42+
margin: 5%;
43+
}
44+
45+
h6 {
46+
margin: 0;
47+
padding: 0;
48+
}
49+
50+
ul{
51+
margin: 0;
52+
padding: 0;
53+
list-style: circle;
54+
}
55+
56+
/*===================
57+
header css
58+
=====================*/
59+
60+
/*===================
61+
bCard
62+
=====================*/
63+
.contactBox {
64+
left: -36%;
65+
width: 40%;
66+
top: 30vh;
67+
margin: 0;
68+
padding: 0;
69+
display: flex;
70+
overflow: hidden;
71+
position: fixed;
72+
z-index: 1;
73+
background-color: brown;
74+
border-radius: 0 2vw 2vw 0;
75+
transition: transform 1s ease-in-out;
76+
}
77+
.contactBox:hover {
78+
transition: 1.5s ease;
79+
transform: translateX(81.5%);
80+
}
81+
82+
.contactInfo {
83+
writing-mode: vertical-rl;
84+
text-orientation: upright;
85+
text-align: left;
86+
left: 0%;
87+
margin 0px;
88+
padding: 0px;
89+
padding-top: 5px;
90+
padding-bottom: 5px;
91+
font-size: 1.8svw;
92+
min-height: inherit;
93+
bottom: 0;
94+
max-height: 0;
95+
white-space: nowrap;
96+
}
97+
98+
.bCard {
99+
max-width: 95%;
100+
position: relative;
101+
margin-left: 7%;
102+
z-index: 2;
103+
margin-bottom: -7px;
104+
margin-right: -5px;
105+
106+
}
107+
.bCard:hover {
108+
109+
/*Text: call now? */
110+
}
111+
112+
113+
/*===================
114+
bCard
115+
=====================*/
116+
.scope {
117+
118+
}
119+
/*===================
120+
Footer css
121+
=====================*/
122+
footer {
123+
color: white;
124+
font-size: .5em;
125+
column-count: 3;
126+
}
127+
128+
a:link {
129+
color: aqua;
130+
}

0 commit comments

Comments
 (0)