website-project/index.html

137 lines
6.2 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="style.css"
</head>
<body>
<nav class="navbar-main">
<div class="logo">
<a href="/"><img src="img/logo.svg" alt="logo"></a>
</div>
<ul class="navbar">
<li><a href="services.html">Services</a></li>
<li><a href="topic.html">Topic</a></li>
<li><a href="tools.html">Tools</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="profile.html">Profile</a></li>
</ul>
</nav>
<div class="mobile-nav">
<a href="#" class="mobile-nav-content"><img src="/img/services.svg" alt=""><span class="nav-text">Services</span></a>
<a href="#" class="mobile-nav-content"><img src="/img/tools.svg" alt=""><span class="nav-text">Tools</span></a>
<a href="#" class="mobile-nav-content"><img src="/img/home.svg" alt=""><span class="nav-text">Home</span></a>
<a href="#" class="mobile-nav-content"><img src="/img/topic.svg" alt=""><span class="nav-text">Topic</span></a>
<a href="#" class="mobile-nav-content"><img src="/img/profile.svg" alt=""><span class="nav-text">Profile</span></a>
</div>
</div><section class="para">
<div class="para-main">
<p>Siliconpin - a not for profit organization aims to increase digital freedom in a decentralized manner. Every civilization gone through ups and downs, end of every civilization we as a human race lost the finest technology, experience and expertise. This time let's try not to do the same mistake. Very few things increases by sharing - some of them are knowledge, experience, technology ... now a days software tools. The greatest tool i found is computer - the best tool to copy, transfer and preserve all the good things above. Being human is great, we can develop every bits and pieces - for that we need freedom also in digital field. Licensing, IP, Proprietary code, binary only distribution - those are some example of complex and unclear obstacles on our way. Some of them are very nasty and unclear even you can be in a legal trouble like : Got a windows os [is windows really free? do you own it when you get it even if you have purchased it? can you install virtually? can you modify to use RDP?] Purchased an apple product [do you have the ownership? can you install another os, software, tools beyond their guidelines? can you repair the product just only changing the damaged parts?] Purchased an android device [can you modify, remove or even disable GAPPs? can you disable tracking / spying tools? ] Build your own computer [whether you assemble it then install all softwares including the OS or even the linux kernel, do you know how much blobs are there just in the name of Kernel Drivers - ofcourse i know you may get FSF approved blob free kernel and install on a intel / amd cpu having IME or equivalent system having a closed source version of minix :D good luck going into the rabit hole.]</p>
<button class="normal"><a href="#">Know More</a></button>
</div>
</section>
<section class="product">
<h1>Best Selling Hosting</h1>
<div class="pro-container">
<div class="pro">
<img class="image-resize" src="img/gwspfoor7y.jpg">
<div class="host">
<span>HTML Hosting</span>
<p>Host your HTML files with all assets i.e. image Css</p>
<button class="normal"><a href="#">Details</a></button>
</div>
</div>
<div class="pro">
<img class="image-resize" src="img/gwspgyfrku.jpg">
<div class="host">
<span>HTML Hosting</span>
<p>Host your HTML files with all assets i.e. image Css</p>
<button class="normal"><a href="#">Details</a></button>
</div>
</div>
<div class="pro">
<img class="image-resize" src="img/gwspi1rtfm.png">
<div class="host">
<span>HTML Hosting</span>
<p>Host your HTML files with all assets i.e. image Css</p>
<button class="normal"><a href="#">Details</a></button>
</div>
</div>
<div class="pro">
<img class="image-resize" src="img/gwspiodaoy.png">
<div class="host">
<span>HTML Hosting</span>
<p>Host your HTML files with all assets i.e. image Css</p>
<button class="normal"><a href="#">Details</a></button>
</div>
</div>
<div class="pro">
<img class="image-resize" src="img/gwspjjbg5m.png">
<div class="host">
<span>HTML Hosting</span>
<p>Host your HTML files with all assets i.e. image Css</p>
<button class="normal"><a href="#">Details</a></button>
</div>
</div>
<div class="pro">
<img class="image-resize" src="img/gwspk0kcl8.avif">
<div class="host">
<span>HTML Hosting</span>
<p>Host your HTML files with all assets i.e. image Css</p>
<button class="normal"><a href="#">Details</a></button>
</div>
</div>
</div>
</section>
<footer class="footer">
<section class="footer-main">
<div class="icon-center">
<p>Connect on social networks</p>
<div class="inon">
<img src="img/facebook.svg" alt=""/>
<img src="img/link.svg" alt=""/>
<img src="img/insta.svg" alt=""/>
<img src="img/twitter.svg" alt=""/>
</div>
</div>
<div class="footer-section">
<div class="footer-section-item">
<h3>SiliconPin</h3>
<p>Digital freedom is fading day by day,lets create some.</p>
</div>
<div class="footer-section-item">
<h3>Useful Links</h3>
<div class="link">
<a href="#" class="footer-link">Home</a>
<a href="about.html" class="footer-link">About</a>
<a href="services.html" class="footer-link">Services</a>
<a href="contact.html" class="footer-link">Contact</a>
</div>
</div>
<div class="footer-section-item">
<h3>Contact Us</h3>
<p>"121 Lalbari, GourBongo Road"</p>
<p>"Habra, W.B. 743271, India."</p>
<p>Phone:+91-906-464-0936</p>
</div>
</div>
<div class="policies">
<p>SiliconPin.com 2024 | </p>
<a href="#">Terms of Service</a>
|
<a href="#">Privacy & Policies</a>
</div>
<p class="Support">We Support Copyleft</p>
</section>
</footer>
</body>
</html>