Skip to content

Commit

Permalink
Enhanced UI/UX (#6)
Browse files Browse the repository at this point in the history 
* centered contact us + minor improvements

* added check github msg

* grammar correction+minor improvements

* added under dev. msg

* minor changes

* edit remarks
  • Loading branch information
@fakedarkdev
fakedarkdev authored Feb 2, 2024
1 parent fc79fac commit af11f8b
Show file tree
Hide file tree
Showing 5 changed files with 57 additions and 54 deletions.
4 changes: 4 additions & 0 deletions assets/css/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1257,6 +1257,10 @@ section {
/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
#contact .col-md-6 {
flex: 0 0 auto;
width: 33.33%;
}
.contact .info-box {
color: #444444;
text-align: center;
Expand Down
3 changes: 2 additions & 1 deletion codes/spicydevs.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -156,7 +156,8 @@ <h3>Project information</h3>
<li><strong>Category</strong>: SpicyDevs Website</li>
<li><strong>Uploaded by</strong>: <a href="https://aayu.sh.gg">Aayu5h</a></li>
<li><strong>Uploaded On</strong>: 7 January, 2024</li>
<li><button class="btn" onclick="location.href='https://spicydevs.js.org/'" type="button"><i class="bi bi-eye"></i> Preview</button></li>
<li><strong>Remarks:</strong> Please checkout Github for latest Code</li>
<li><button class="btn" onclick="location.href='/'" type="button"><i class="bi bi-eye"></i> Preview</button></li>
<li><button class="btn" onclick="location.href='https://github.com/SpicyDevs/spicydevs.github.io'" type="button"><i class="bi bi-github"></i> GitHub</button></li>
<!-- <li><button class="btn" onclick="location.href='https://replit.com/@SpicyDevs/spicydevs.github.io'" type="button"><i class="bi bi-folder2-open"></i> Replit Code</button></li> -->
<!-- <li><button class="btn" onclick="location.href='https://cdn-sd.pages.dev/download/spicydevs.zip'" type="button"><i class="bi bi-download"></i> <span>Download ZIP</span> <span style="font-size: 12px; color: rgb(209, 209, 209);">(15.2 KB)</span></button></li> -->
Expand Down
51 changes: 23 additions & 28 deletions connect.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -53,7 +53,7 @@
href="mailto:[email protected]">[email protected]</a></span></i>
</div>
<div class="social-links d-none d-md-flex align-items-center">
<a href="https://discord.gg/uepgJzsf6n" class="discord"><i class="bi bi-discord"></i></i></a>
<a href="https://discord.gg/uepgJzsf6n" class="discord" target="_blank"><i class="bi bi-discord"></i></i></a>
</div>
</div>
</section>
Expand All @@ -62,7 +62,7 @@
<header id="header" class="d-flex align-items-center">
<div class="container d-flex align-items-center justify-content-between">

<h1 class="logo"><a href="https://spicydevs.js.org/">SpicyDevs<span>.</span></a></h1>
<h1 class="logo"><a href="/">SpicyDevs<span>.</span></a></h1>
<nav id="navbar" class="navbar">
<ul>
<li><a class="nav-link scrollto" href="../#hero">Home</a></li>
Expand All @@ -73,7 +73,7 @@ <h1 class="logo"><a href="https://spicydevs.js.org/">SpicyDevs<span>.</span></a>
<li class="dropdown"><a href="#"><span>Show More</span> <i class="bi bi-chevron-down"></i></a>
<ul>
<li><a href="../connect">SpicyDevs Connect</a></li>
<li><a href="https://discord.gg/uepgJzsf6n">Discord</a></li>
<li><a href="https://discord.gg/uepgJzsf6n" target="_blank">Discord</a></li>
</ul>
</li>
<li><a class="nav-link scrollto" href="../#contact">Contact</a></li>
Expand All @@ -100,8 +100,7 @@ <h3>Find Out More <span>About Us</span></h3>
data-aos-delay="100">
<h3>SpicyDevs Connect</h3>
<p class="fst-italic">
SpicyDevs connect is basically a program run by SpicyDevs to connect the discord in this program we accept
partnerships, sponsors and investors and making a connect all of them with each other.
In a Nutshell, SpicyDevs Connect is basically a program ran by the SpicyDevs team to connect with everyone through Discord. In this program, we accept partnerships, sponsors and investors and connect with everyone.
</p>
<ul>
<li>
Expand All @@ -116,22 +115,19 @@ <h5>Partners</h5>
<i class="bx bxl-dribbble"></i>
<div>
<h5>Sponsers</h5>
<p>Sponsors will also get some awesome perks like promotions with us and our partners and also get the
opportunity to take their vision at next level with us. </p>
<p>Sponsors will also get some awesome perks like promotions with us and our partners and also get the opportunity to take their vision at next level with us. </p>
</div>
</li>
<li>
<i class="bx bxs-quote-alt-right"></i>
<div>
<h5>Investors</h5>
<p>Investors can invest direcly in our partners and work with them to take their ideas to next level we
also accpet investors for SpicyDevs perks will be geiven.</p>
<p>Investors can invest directly in our partners and work with them to take their ideas to next level we also accpet investors for SpicyDevs and perks will be given to them.</p>
</div>
</li>
</ul>
<p>
If you want to order anything or want to know about anything then visit our official discord server and
create a ticket to know more.
If you want to order anything or want to know about anything, feel free to visit our official discord server and raise/create a ticket to know more.
</p>
</div>
</div>
Expand All @@ -143,23 +139,23 @@ <h5>Investors</h5>
<div class="container" data-aos="fade-up">

<div class="section-title">
<h2>F.A.Q</h2>
<h2>F.A.Q.</h2>
<h3>Frequently Asked <span>Questions</span></h3>
<p>Please take a look at some frequently asked questions.</p>
<p>You may have a Look at Some Frequently Asked Questions.</p>
</div>

<div class="row justify-content-center">
<div class="col-xl-10">
<ul class="faq-list">

<li>
<div data-bs-toggle="collapse" class="collapsed question" href="#faq1">When I am applying for a partner
<div data-bs-toggle="collapse" class="collapsed question" href="#faq1">When I am applying for partnership,
what will be the perks and what should we have to provide SpicyDevs? <i
class="bi bi-chevron-down icon-show"></i><i class="bi bi-chevron-up icon-close"></i></div>
<div id="faq1" class="collapse" data-bs-parent=".faq-list">
<p>
SpicyDevs will provide you its all services at a discount of 75-90% and we will take some equity in
your brand for security reasons and we will hlep you in growth, help to find investors, sponsers etc.
your brand for security reasons and we will help you in growth, help to find investors, sponsers etc.
</p>
</div>
</li>
Expand All @@ -177,8 +173,8 @@ <h3>Frequently Asked <span>Questions</span></h3>
</li>

<li>
<div data-bs-toggle="collapse" href="#faq3" class="collapsed question">What perks will I get as an
investor and what will be my work? <i class="bi bi-chevron-down icon-show"></i><i
<div data-bs-toggle="collapse" href="#faq3" class="collapsed question">What perks will I be getting as an
investor and what will my work be? <i class="bi bi-chevron-down icon-show"></i><i
class="bi bi-chevron-up icon-close"></i></div>
<div id="faq3" class="collapse" data-bs-parent=".faq-list">
<p>
Expand All @@ -189,8 +185,8 @@ <h3>Frequently Asked <span>Questions</span></h3>
</li>

<li>
<div data-bs-toggle="collapse" href="#faq4" class="collapsed question">How can I apply for partner |
sponser | investor? <i class="bi bi-chevron-down icon-show"></i><i
<div data-bs-toggle="collapse" href="#faq4" class="collapsed question">How can I apply for partnership |
sponsor | investor? <i class="bi bi-chevron-down icon-show"></i><i
class="bi bi-chevron-up icon-close"></i></div>
<div id="faq4" class="collapse" data-bs-parent=".faq-list">
<p>
Expand All @@ -205,7 +201,7 @@ <h3>Frequently Asked <span>Questions</span></h3>
class="bi bi-chevron-down icon-show"></i><i class="bi bi-chevron-up icon-close"></i></div>
<div id="faq5" class="collapse" data-bs-parent=".faq-list">
<p>
Just visit our support server and create a ticket our team will tell you everything about this.
Join our <a href="https://discord.gg/uepgJzsf6n" target="_blank">Discord Server</a> and raise/create a ticket and our staff team will be providing you with more info.
</p>
</div>
</li>
Expand Down Expand Up @@ -242,9 +238,8 @@ <h3>SpicyDevs<span>.</span></h3>

<strong>Email:</strong> <a href="mailto:[email protected]">[email protected]</a>
<br>
<strong>Discord:</strong> <a href="https://discord.gg/uepgJzsf6n">@aayu5h</a>
<strong>Discord:</strong> <a href="https://discord.gg/uepgJzsf6n" target="_blank">@aayu5h</a>
<br>
<strong>Discord:</strong> <a href="https://discord.gg/uepgJzsf6n">@aayu5h</a>
</p>
</div>

Expand All @@ -262,21 +257,21 @@ <h4>Useful Links</h4>
<div class="col-lg-3 col-md-6 footer-links">
<h4>Our Services</h4>
<ul>
<li><i class="bx bx-chevron-right"></i> <a href="https://discord.gg/uepgJzsf6n">Web Development</a></li>
<li><i class="bx bx-chevron-right"></i> <a href="https://discord.gg/uepgJzsf6n">Bot Development</a></li>
<li><i class="bx bx-chevron-right"></i> <a href="https://discord.gg/uepgJzsf6n">Graphics Designing</a>
<li><i class="bx bx-chevron-right"></i> <a href="https://discord.gg/uepgJzsf6n" target="_blank">Web Development</a></li>
<li><i class="bx bx-chevron-right"></i> <a href="https://discord.gg/uepgJzsf6n" target="_blank">Bot Development</a></li>
<li><i class="bx bx-chevron-right"></i> <a href="https://discord.gg/uepgJzsf6n" target="_blank">Graphics Designing</a>
</li>
<li><i class="bx bx-chevron-right"></i> <a href="https://discord.gg/uepgJzsf6n">Video/Image Editing</a>
<li><i class="bx bx-chevron-right"></i> <a href="https://discord.gg/uepgJzsf6n" target="_blank">Video/Image Editing</a>
</li>
<li><i class="bx bx-chevron-right"></i> <a href="https://discord.gg/uepgJzsf6n">Server Designing</a></li>
<li><i class="bx bx-chevron-right"></i> <a href="https://discord.gg/uepgJzsf6n" target="_blank">Server Designing</a></li>
</ul>
</div>

<div class="col-lg-3 col-md-6 footer-links">
<h4>Our Social Networks</h4>
<p>Follow us on the following social media network to stay connected with us.</p>
<div class="social-links mt-3">
<a href="https://discord.gg/uepgJzsf6n" class="discord"><i class="bi bi-discord"></i></i></a>
<a href="https://discord.gg/uepgJzsf6n" class="discord" target="_blank"><i class="bi bi-discord"></i></i></a>
</div>
</div>

Expand Down
Loading

0 comments on commit af11f8b

Please sign in to comment.