Skip to content

Commit 239b075

Browse files
AzishkhAzishkh
authored
first commit
0 parents  commit 239b075

2 files changed

Lines changed: 294 additions & 0 deletions

File tree

‎Project ABM/index.html‎

Lines changed: 294 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,294 @@
1+
<html lang="en">
2+
<head>
3+
<meta charset="UTF-8">
4+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
5+
<title>Arithmetics And Binary Methods.</title>
6+
7+
<style>
8+
body {
9+
margin: 0;
10+
}
11+
.banner {
12+
background-image:url("profile.jpg");
13+
background-repeat: no-repeat;
14+
background-size: cover;
15+
background-position: center;
16+
background-attachment: fixed;
17+
height: 300px;
18+
color: rgb(18, 132, 207);
19+
display: flex;
20+
align-items: center;
21+
justify-content: center;
22+
font-size: 70px;
23+
text-shadow: 2px 2px 5px black;
24+
}
25+
content {
26+
padding: 30px;
27+
}
28+
29+
form{
30+
width: 300px;
31+
32+
33+
}
34+
35+
label{
36+
display: block;
37+
margin-top: 10px;
38+
}
39+
40+
input, textarea, select{
41+
width: 100%;
42+
padding: 8px;
43+
margin-top: 5px;
44+
}
45+
46+
47+
button{
48+
background-color: rgb(8, 223, 8);
49+
margin-top: 15px;
50+
padding: 10px;
51+
background-color: rgb(13, 228, 24);
52+
border: none;
53+
border-radius: 4px;
54+
}
55+
56+
57+
form{
58+
width: 300px;
59+
60+
}
61+
62+
label{
63+
display: block;
64+
margin-top: 10px;
65+
}
66+
67+
input, textarea, select{
68+
width: 100px;
69+
padding: 8px;
70+
margin-top: 5px;
71+
}
72+
73+
.submit{
74+
background-color: rgb(15, 170, 218);
75+
margin-top: 25px;
76+
padding: 10px;
77+
78+
color: aliceblue;
79+
border: none;
80+
border-radius: 4px;
81+
}
82+
83+
.danger{
84+
background-color: rgba(247, 11, 11, 0.945);
85+
}
86+
87+
.bnm{
88+
background-color: rgb(8, 82, 82);
89+
}
90+
91+
.sd{
92+
background-color: rgb(133, 52, 52);
93+
}
94+
95+
.pr{
96+
background-color: chartreuse;
97+
}
98+
.fg{
99+
background-color: blueviolet;
100+
}
101+
102+
.gh{
103+
background-color: darkblue;
104+
}
105+
106+
.df{
107+
background-color: darkgreen;
108+
}
109+
110+
button:hover{
111+
background-color: rgb(236, 16, 200);
112+
}
113+
114+
115+
body {
116+
font-family: 'Times New Roman', Times, serif, Helvetica, sans-serif;
117+
padding:5px;
118+
}
119+
120+
.icon-box {
121+
display: flex;
122+
gap: 100px;
123+
font-size: 20px;
124+
color: black;
125+
}
126+
127+
footer{
128+
margin-top: 20px;
129+
background-color: gray;
130+
color: white;
131+
padding: 8px;
132+
}
133+
134+
</style>
135+
</head>
136+
<body>
137+
<header>
138+
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
139+
140+
141+
<nav class="nav__bar" id="navbar">
142+
<ul>
143+
<li><a class="nav__links" href="#registration form">Home</a></li>
144+
<li><a class="nav__links" href="#welcome-section">About</a></li>
145+
<li><a class="nav__links" href="#projects">Work</a></li>
146+
<li><a class="nav__links" href="#contact">Contact</a></li>
147+
148+
</ul>
149+
150+
151+
<div class="banner">Welcome to ABM!</div>
152+
<div class="content">
153+
154+
<section class="section__first" id="welcome-section">
155+
156+
<h1 class="section__h1">Hi! I am Azish Khulakpam</h1>
157+
<p class="section__p">Creator of project AGS</p>
158+
<h1>Objectives: To create and enhance our knowledge,skill and performance.</h1>
159+
</section>
160+
<p>
161+
This is my first project.
162+
</p>
163+
<h1>Registration form</h1>
164+
</div>
165+
166+
<form>
167+
<section class="section__first" id="registration form"></section>
168+
<label for="name">Name:</label>
169+
<input type="text" id="name" required>
170+
<br>
171+
<br>
172+
173+
<label for="Class">Class:</label>
174+
<input type="Class" id="Class" required>
175+
<br>
176+
<br>
177+
178+
<label for="subject">subject</label>
179+
<input type="Subject" id="Subject" required>
180+
<br>
181+
<br>
182+
183+
<label for="school">School</label>
184+
<select id="school">
185+
<option value="">--Select--
186+
<option value="Secret Heart School, Yairipok">Secret Heart School,Yairipok</option>
187+
<option value="Memorial Model Academy,Yairipok">Memorial Model Academy,Yairipok</option>
188+
<option value="Kanglei Kids School,laimanai">Kanglei Kids School,laimanai</option>
189+
<option value="Hill Rainbow">Hill Rainbow</option>
190+
<option value="Azad Hr. Sec. School">Azad Hr. Sec. School </option>
191+
</option>
192+
</select>
193+
<br>
194+
<br>
195+
196+
197+
<label for="Ask Question">Ask Question:</label>
198+
<textarea id="Question" column="50"></textarea>
199+
<br>
200+
<br>
201+
202+
203+
<div class="buttons">
204+
<button class="bnm">Binary Methods</button>
205+
<button class="sd">Elimination Methods</button>
206+
<button class="pr">Substitution Methods</button>
207+
<button class="df">Addition Methods</button>
208+
<button class="gh">Subtraction Methods</button>
209+
<button class="fg">Trigonometric Tables</button>
210+
211+
</div>
212+
</div>
213+
214+
<button class="submit">submit</button>
215+
<button class="danger">reset</button>
216+
</form>
217+
<br>
218+
<br>
219+
220+
<main>
221+
<section class="section__projects" id="projects">
222+
<h2>These are some of my projects</h2>
223+
<div class="projects__div">
224+
225+
<h1>1. Binary Number System:</h1>
226+
<p>The binary system is base-2, meaning it uses only two digits: 0 and 1.
227+
These digits represent "off" (0) and "on" (1) states, crucial for digital logic.</p>
228+
229+
230+
231+
<h2>2. Binary Arithmetic Operations:</h2>
232+
<p>(i) Addition:</p>
233+
Similar to decimal addition, but carries occur when the sum is greater than or equal to 2 (represented as 10 in binary).
234+
0 + 0 = 0
235+
0 + 1 = 1
236+
1 + 0 = 1
237+
1 + 1 = 10 (0 with a carry-over of 1)
238+
<br>
239+
<br>
240+
241+
242+
<p>(ii) Subtraction:</p>
243+
Can be performed directly or using the complement method (e.g., 1's complement).
244+
0 - 0 = 0
245+
1 - 0 = 1
246+
1 - 1 = 0
247+
0 - 1 = 1 (with a borrow from the next column)
248+
<br>
249+
<br>
250+
251+
252+
<p>(iii) Multiplication:</p>
253+
Follows a similar process to decimal multiplication, using only 0s and 1s.
254+
<br>
255+
0 x 0 = 0
256+
0 x 1 = 0
257+
1 x 0 = 0
258+
1 x 1 = 1
259+
<br>
260+
<br>
261+
262+
263+
<p>(iv) Division:</p>
264+
Can be performed using the long division method, similar to decimal division.
265+
266+
<br>
267+
<br>
268+
269+
270+
<h3>3. Importance in Digital Systems:</h3>
271+
Binary arithmetic is the foundation for all digital systems, including computers.
272+
It enables computers to perform calculations and process information efficiently.
273+
Understanding binary arithmetic is essential for anyone working with digital electronics and computer science.
274+
275+
<br>
276+
<br>
277+
<br>
278+
<br>
279+
<br>
280+
281+
<section class="section__contact" id="contact">
282+
<div class="contact__header">
283+
</div>
284+
285+
<div class="contact__links">
286+
<a href="https://www.instagram.com/khulakpam_azish_alam?igsh=b2Vmem56ejE3M2F5" id="profile-link" target="_blank">instagram</a>
287+
<a href="https://github.com/Azishkh/Assignment.git" id="profile-link" target="_blank">Github</a>
288+
<a href="https://www.Facebook.com/profile.php?id=61553260298590" id="profile-link" target="_blank">Facebook</a>
289+
</div>
290+
<footer><p>© 2025 ABM APP. All Right Reserved.</p></footer>
291+
</body>
292+
</html>
293+
294+

‎Project ABM/profile.jpg‎

45 KB
Loading

0 commit comments

Comments
 (0)