IslamicOS_Practise/index.html at main · ShakibHasan23/IslamicOS_Practise · 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
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="media/logo.png" type="image/x-icon">
    <link rel="stylesheet" href="css/style.css">
    <title>Islamic Os</title>
</head>

<body>
    <header>
        <div class="logo">
            <svg width="57" height="53" viewBox="0 0 57 53" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path
                    d="M27.7247 44.9707C28.2318 44.0113 28.5427 42.9604 28.639 41.8794C28.7354 40.7985 28.6152 39.7092 28.2858 38.6751C27.0746 34.6905 27.4899 30.3885 29.4409 26.709C31.392 23.0296 34.7201 20.2721 38.698 19.039C40.2345 18.5608 41.5955 17.6392 42.61 16.39C43.6245 15.1408 44.2473 13.6197 44.4001 12.0178C44.5529 10.4158 44.2289 8.80438 43.4689 7.38582C42.7088 5.96741 41.5467 4.80516 40.1283 4.04502C38.7098 3.28493 37.0985 2.96087 35.4965 3.11352C33.8945 3.26631 32.3734 3.88887 31.1241 4.9033C29.8748 5.91765 28.9531 7.27863 28.4748 8.81515C27.9964 10.3516 27.9827 11.9952 28.4355 13.5394C29.0518 15.5196 29.2712 17.6018 29.0812 19.6669C28.8913 21.7319 28.2955 23.7392 27.3283 25.5736C26.361 27.408 25.0412 29.0335 23.4446 30.3568C21.848 31.6802 20.0058 32.6754 18.0238 33.2855C16.7582 33.6998 15.6131 34.4172 14.6884 35.3754C13.7637 36.3337 13.0875 37.5035 12.7184 38.7831C12.3494 40.0626 12.2989 41.4129 12.5713 42.7164C12.8438 44.0199 13.431 45.2369 14.2815 46.2614C15.1321 47.2861 16.2204 48.0871 17.4515 48.5948C18.6826 49.1024 20.0191 49.3012 21.3447 49.174C22.6703 49.0466 23.9446 48.5971 25.0566 47.8646C26.1686 47.1319 27.0846 46.1385 27.7247 44.9707Z"
                    fill="#298E5C" />
                <path
                    d="M14.7842 4.34033C13.3949 5.1877 12.2904 6.43069 11.6125 7.91004C10.9346 9.38948 10.7142 11.0376 10.9795 12.6431C11.2448 14.2487 11.9838 15.7384 13.1016 16.9209C14.2194 18.1036 15.6651 18.9252 17.2532 19.2804C19.2763 19.7366 21.1894 20.5876 22.883 21.7846C24.5766 22.9817 26.0173 24.5011 27.1223 26.2561C28.2275 28.0109 28.9754 29.9667 29.3232 32.0112C29.671 34.0558 29.6118 36.1488 29.1491 38.1704C28.7975 39.7424 28.9188 41.3833 29.4976 42.8866C30.0764 44.3899 31.0869 45.6885 32.402 46.6188C33.7171 47.5492 35.278 48.0698 36.8882 48.115C38.4985 48.1604 40.0862 47.7283 41.4515 46.8734C42.8168 46.0184 43.8988 44.7788 44.5611 43.3105C45.2235 41.8421 45.4369 40.2106 45.1742 38.6212C44.9116 37.0318 44.1846 35.5557 43.085 34.3785C41.9854 33.2014 40.5621 32.3757 38.9943 32.0055C34.9369 31.0673 31.4163 28.5598 29.2032 25.032C26.9901 21.5041 26.2647 17.2433 27.1858 13.1819C27.5766 11.5943 27.4819 9.9259 26.9138 8.39273C26.3456 6.85956 25.3304 5.5322 23.9995 4.58262C22.6684 3.63308 21.083 3.10491 19.4485 3.06661C17.8138 3.02826 16.2054 3.48149 14.8314 4.36758L14.7842 4.34033Z"
                    fill="#298E5C" />
                <path
                    d="M44.6273 16.9792C43.5416 17.0173 42.4745 17.2717 41.4883 17.7274C40.5021 18.1831 39.6168 18.8309 38.8841 19.6331C36.0416 22.6734 32.1109 24.4646 27.9515 24.6151C23.792 24.7656 19.7421 23.263 16.6873 20.436C15.898 19.6954 14.9694 19.1191 13.9554 18.7406C12.9415 18.3621 11.8624 18.189 10.7809 18.2313C9.44971 18.2941 8.15401 18.6818 7.00711 19.3605C5.86011 20.0392 4.89681 20.9883 4.20111 22.1249C3.50531 23.2616 3.09841 24.5513 3.01571 25.8814C2.93311 27.2116 3.17721 28.5417 3.72691 29.7558C4.27661 30.9698 5.11501 32.0309 6.16911 32.8464C7.22321 33.6619 8.4608 34.2069 9.774 34.434C11.0872 34.6611 12.4361 34.5634 13.7028 34.1493C14.9696 33.7352 16.1157 33.0174 17.0411 32.0584C18.4489 30.5342 20.1435 29.3027 22.0279 28.4345C23.9124 27.5663 25.9496 27.0783 28.0229 26.9987C30.0962 26.9191 32.1649 27.2492 34.1104 27.9703C36.0559 28.6915 37.84 29.7893 39.3605 31.201C40.3504 32.0955 41.5444 32.7337 42.838 33.0599C44.1317 33.3862 45.4855 33.3905 46.7812 33.0725C48.0769 32.7545 49.2748 32.1239 50.2704 31.2358C51.266 30.3477 52.0288 29.2291 52.4922 27.978C52.9555 26.7269 53.1052 25.3814 52.9283 24.059C52.7513 22.7367 52.253 21.4779 51.4769 20.3926C50.7009 19.3074 49.6709 18.4289 48.4768 17.8338C47.2827 17.2388 45.961 16.9453 44.6273 16.9792Z"
                    fill="#298E5C" />
            </svg>
        </div>
        <div class="navbar">
            <nav>
                <ul>
                    <li><a href="">Home</a></li>
                    <li><a href="">About</a></li>
                    <li><a href="">Download</a></li>
                    <li><a href="">Support</a></li>
                    <li><a href="">Contact</a></li>
                    <li><a href="">Contribute</a></li>
                </ul>
            </nav>
        </div>
    </header>


    <section>
        <div class="container1">
            <div class="tex1">
                <p>An Operating System for <span class="cl1">Muslims & Non Muslims</span> </p>
            </div>
            <div class="downloadButton">
                <button>Download</button>
            </div>
            <div class="illustration1">
                <img src="media/illustration1.png" alt="Islamic_os_Illustration01" draggable="false">
            </div>
        </div>
    </section>
    <section>
        <div class="container2">
            <div class="illustration2">
                <img src="media/illustration2.png" alt="Islamic_os_Illustration02" draggable="false">
            </div>
            <div class="text2">
                <Div>
                    <h3>Why Us ?</h3>
                </Div>
                <br>
                <div>
                    <p>Islamic OS is a new project by some practicing muslims.<br><br> It is based on Ubuntu 22.04 LTS.
                        The speciality of this OS is that you will be welcomed warmly in a Islamic way. <br><br> And the
                        most important feature is that you can’t visit age restricted websites anymore. <br> <br> Go
                        through the button to learn more about this OS.</p>
                </div>
            </div>
            <div class="button2">
                <button>What is this ?</button>
            </div>
        </div>
    </section>
    <section>
        <div class="container3">
            <div class="text3">
                <div>
                    <h3>Contribute to the Community</h3>
                </div>
                <div>
                    <p>We are currently a team of 7. And we are looking for some contributers who can help us in web
                        development, kernel development, etc</p>
                </div>
            </div>
            <div class="illustration3">
                <img src="media/illustration3.png" alt="Islamic_os_Illustration03" draggable="false">
            </div>
            <div class="Contribute">
                <button>Contribute</button>
            </div>
        </div>
    </section>
    <section>
        <div class="container4">
            <div class="illustration4">
                <img src="media/illustration4.png" alt="Islamic_os_Illustration04" draggable="false">
            </div>
            <div class="text4">
                <p>And if you are willing to donate someone, you can donate us. You can donate us from <span
                        class="cl1">Sadakaye Zariah</span>. We will be happy and make du ‘a for you if you donate us.
                </p>
            </div>
            <div class="about">
                <button>About</button>
            </div>
        </div>
    </section>
    <section>
        <div class="container5">
            <div class="text5">
                <h3>Convenced yet ?</h3>
            </div>
            <div class="download2">
                <button>Download</button>
            </div>
            <div class="illustration5">
                <img src="media/illustration5.png" alt="Islamic_os_Illustration05" draggable="false">
            </div>
        </div>
    </section>
    <section>
        <div class="container6">
            <div class="illustration6">
                <img src="media/illustration6.png" alt="Islamic_os_Illustration06">
            </div>
            <div class="text6">
                <h3>Contact US Directly</h3>
            </div>
            <div class="fromArea">
                <form >
                    <div class="in1"><input type="text" placeholder="Name" required></div>
                    <div class="in1"><input type="email" name="" id="" placeholder="Email" required></div>
                    <div class="in2"><textarea name="" id="" cols="30" rows="10" placeholder="Your Desired Message!! " style="resize: none;" required draggable="false"></textarea></div>
                </form>
            </div>
            <div class="send">
                <button>Send</button>
            </div>
        </div>
    </section>
    <footer>
        <div class="linkset1">
            <Span>Community</Span>
            <a href="">contributers</a>
            <a href="">Live Support </a>
            <a href="">Contribute</a>
            <a href="">Join Us</a>
        </div>
        <div class="linkset2">
            <span>Socials</span>
            <a href="">Github</a>
            <a href="">Youtube</a>
            <a href="">Facebook</a>
            <a href="">Twetter</a>
            <a href="">Discord</a>
        </div>
        <div class="copywrite">
            <span>© islamicOS allrights reserved 2022  </span>
        </div>
        <div class="news">
            <h3>Get News Letter’s</h3>
            <div class="inemail"><input type="email" name="" id="" placeholder="Email" required></div>
            <div class="emsend"><button><img src="media/Send.png" alt="send_button"></button></div>
        </div>
        <div class="devoart">
            <span>Designed by Devoart </span>
        </div>
    </footer>

</body>

</html>