-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
124 lines (115 loc) · 5.84 KB
/
index.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Shadoni</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css">
<link href="https://fonts.googleapis.com/css?family=Comfortaa:700" rel="stylesheet">
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.1/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
<link rel="stylesheet" href="index.css">
<script src="script.js" defer></script>
</head>
<body>
<div id="loading">
<div id="spinner"></div>
</div>
<div id="header" class="animated slideInDown" style="animation-delay:1.8s;">
<div id="title">Shadoni | Custom Computers</div><br>
<div id="links">
<a href="#skills">Builds</a>
<a href="#work" style="margin:0px 60px;">Planning</a>
<a href="#contact">Contact Us</a>
</div>
</div>
<center>
<div id="middle">
<div id="tagline" class="animated zoomIn" style="animation-delay:1.8s;">
Scroll down to read more<br>
</div>
</div>
</center>
<div id="portfolio">
<div id="skills">
<h1>Builds</h1>
<div>
<p>
We build highly specialized computers tailored to your need and budget. We can build anything from a simple workstation to a high end gaming rig. We can also build or purchase custom keyboards, mice, and other peripherals. </p>
<!-- Photo Slideshow for Builds -->
<div class="photo-slideshow">
<!-- Slideshow buttons -->
<!-- TODO: When clicked, call the plusSlides() function -->
<a class="prev" onclick="plusSlides(-1)">←</a>
<a class="next" onclick="plusSlides(1)">→</a>
<!-- Slideshow images -->
<ul>
<li class="slide fade-in">
<figure>
<img src="./images/lowend.jpeg" alt="Low End Computer">
<figcaption>
<article class="italic">Low End Computer</article> ($250 Fee)<br>
</figcaption>
</figure>
</li>
<li class="slide fade-in">
<figure>
<img src="./images/midrange.jpeg" alt="Mid Range Computer">
<figcaption>
<article class="italic">Mid Range Computer</article> ($300 Fee)<br>
</figcaption>
</figure>
</li>
<li class="slide fade-in">
<figure>
<img src="./images/highend.jpeg" alt="High End Computer">
<figcaption>
<article class="italic">High End Computer</article> ($350 Fee)<br>
</figcaption>
</figure>
</li>
<li class="slide fade-in">
<figure>
<img src="./images/watercool.jpeg" alt="Custom Water Cooled PC">
<figcaption>
<article class="italic">Custom Water Cooled PC</article> ($400 Fee)<br>
</figcaption>
</figure>
</li>
</ul>
</div>
<p>
Keep in mind that we provide tech support if anything goes wrong, we will overclock and provide all the needed software with correct customizations, along with being locally sourced to help you with any issues if needed.
</p>
</div>
</div>
<div id="work">
<h1>Planning/Repair</h1>
<div class="project">
<h2>Planning</h2>
<div>We can help you plan out the custom computer you have dreamed of. We will make a parts list, find the best software, and get the latest discounts tailored exactly to your needs. This way, you can build your own computer without the hassle of finding good parts and software to use.</div>
</div>
<div class="project">
<h2>Repair/Upgrading</h2>
<div>We can also help you repair any issues that you are facing with your computer. We can diagnose the issue and find the right tools to fix it with the least amount of hassle involved. We can also help you upgrade your computer to the latest parts and software and make sure everything is still compatible.
</div>
<div id="contact">
<h1>Contact Us</h1>
<form action="mailto:[email protected]" method="post">
<input type="text" placeholder="name" required>
<input type="email" placeholder="email" required><br>
<textarea placeholder="your message" required rows="5"></textarea><br>
<button class="btn_one">Send</button>
</form>
<div id="details">
<a class="btn_social" href="https://nextdoor.com/pages/shadoni-bellaire-tx/"><i class="fas fa-phone"></i></a>
</div>
</div>
</div>
<div id="footer">
Content by Shadoni <br><br> <a href="https://github.com/s1880650">Risnake</a>
</div>
<script src="index.js" type="text/javascript"></script>
</body>
</html>