-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabstract.html
117 lines (99 loc) · 3.53 KB
/
abstract.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
<html>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Information Model</title>
<style>
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap");
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: "Poppins", sans-serif;
}
::-webkit-scrollbar {
width: 0px;
}
/* Track */
::-webkit-scrollbar-track {
background: #f1f1f1;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: #888;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #555;
}
.info {
margin: 10px 10px;
}
.info h1 {
margin-bottom: 15px;
position: relative;
background: #FC466B;
background: -webkit-linear-gradient(0, #3F5EFB, #FC466B);
background: linear-gradient(0, #3F5EFB, #FC466B);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
}
.hero-line::before {
content: "";
position: absolute;
display: block;
width: 28%;
height: 5px;
bottom: 0;
left: 0;
background: #0A67C8;
background: linear-gradient(to left, #EE5F38, #1560EA);
transform: scaleX(0);
transition: transform 0.3s ease;
transform: scaleX(1);
}
.info p {
font-size: 18px;
font-weight: 400;
}
.make-center {
display: block;
margin-left: auto;
margin-right: 30px;
width: 300px;
margin-top: 30px;
border-radius:11%;
}
footer p {
text-align: center;
}
.paragraph{
background: linear-gradient(0, #A3F9F8, #A1E2EC);
width: 15%;
margin-left: 476;
margin-right: 25px;
margin-top:0;
color:#F11D08;
}
body{
background-color: #9eabe4;
background-image: linear-gradient(315deg, #9eabe4 0%, #77eed8 74%);
}
</style>
</head>
<body>
<div class="info">
<h1>
<span class="hero-line">
INFORMATION MODEL
</span>
</h1>
<p>
Mobile spare parts database can help in getting easier access to people,like they can know how much stock quantity there and what is the prices and updating prices etc.. and it will be efficient to maintain a database we can store that respective spare part like charger,battery and etc with serial number and when the customer purchased it and what will be warrenty expiry date etc.
if a person buys an item then quantity automatically gets updated in database and serial number of that item that item's status can be sold and warrenty date can be assigned.The Main reason of maintaining database is making user more convinient and efficiency.
</p>
<img src="https://4.imimg.com/data4/ET/KA/MY-14889847/mobile-spare-parts-250x250.jpg" alt="spareparts" class="make-center">
</div>
<footer>
<p class="paragraph"><b>Made By Ajay 😉</b></p>
</footer>
</body>
</html>