Skip to content

Commit 0b76461

Browse files
authored
Add files via upload
1 parent b60e2a2 commit 0b76461

File tree

4 files changed

+254
-6
lines changed

4 files changed

+254
-6
lines changed

aboutUs2.html

+2-2
Original file line numberDiff line numberDiff line change
@@ -58,11 +58,11 @@
5858
<div class="copyAboutBox">
5959
<div class="copyAboutbg"></div>
6060
<div class="copyAboutText">
61-
Copyrights © BRP PRINTERS 2024.<br> &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp All Rights Reserved.
61+
Copyrights © BRP PRINTERS 2024.<br> &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp All Rights Reserved.
6262
</div>
6363
</div>
6464
</footer>
6565

6666

6767
</body>
68-
</html>
68+
</html>

services pic.png

335 KB
Loading

services2.html

+73
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,73 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>SERVICES</title>
7+
<link rel="preconnect" href="https://fonts.googleapis.com">
8+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
9+
<link href="https://fonts.googleapis.com/css2?family=Gowun+Dodum&display=swap" rel="stylesheet">
10+
<link rel = "shortcut icon" type = "x-icon" href="Group 4.png">
11+
<link rel="stylesheet" href="styleshome.css">
12+
</head>
13+
14+
<body>
15+
<div class = "logobox">
16+
<a href="index.html">
17+
<img class = "logo" src = "image 2.png" alt = "logo">
18+
</a>
19+
</div>
20+
<div class= "round"></div>
21+
<div style="width: 100%; height: 0px; left: 0px; top: 125px; position: absolute; border: 1px black solid"></div>
22+
23+
<div class="elements">
24+
<a class = "menu" href="index.html">HOME</a>
25+
<a class = "menu" href="aboutUs2.html">ABOUT US</a>
26+
<a class = "menu" href="machinery2.html">MACHINERY</a>
27+
<a class = "menu" href="services2.html">SERVICES</a>
28+
<a class = "menu" href="contactus2.html">CONTACT US</a>
29+
</div>
30+
31+
<div class="ServiceHead">OUR SERVICES</div>
32+
33+
<div class="serviceIntroBox"></div>
34+
<div class="serviceIntroText">
35+
At BRP PRINTERS, we pride ourselves on delivering a diverse array of premium printing and binding services. From books, diaries, and wedding cards to pamphlets, flyers, and brochures. Our expertise extends beyond standard printing to encompass book binding and offset printing, allowing us to deliver a comprehensive range of products tailored to your needs. Explore our comprehensive range and experience unparalleled precision and quality in every product. We print all Paper Related Jobs.
36+
</div>
37+
38+
<div class="line2Services"></div>
39+
40+
<div class="egHead">THESE ARE SOME OF OUR EXAMPLE PRODUCTS : </div>
41+
<div class = "egs">
42+
<p class="egText">BOOKS</p>
43+
<p class="egText">DIARIES</p>
44+
<p class="egText">PAMPHLETS</p>
45+
<p class="egText">LEAFLETS</p>
46+
<p class="egText">FLYERS</p>
47+
<p class="egText">CALENDARS</p>
48+
<p class="egText">LETTERHEADS</p>
49+
<p class="egText">WEDDING CARDS</p>
50+
<p class="egText">BOXES</p>
51+
<p class="egText">BROCHURES</p>
52+
<p class="egText">BUTTER PAPERS</p>
53+
<p class="egText">POSTERS</p>
54+
<p class="egText">NOTEPADS</p>
55+
<p class="egText">ENVELOPES</p>
56+
<p class="egText">AND MANY MORE</p>
57+
</div>
58+
59+
<div class="serImgBox">
60+
<img src = "services pic.png" alt = "services" class="imgSer">
61+
</div>
62+
63+
<footer>
64+
<div class="serFootBox">
65+
<div class="serFootbg"></div>
66+
<div class="copyAboutText">
67+
Copyrights © BRP PRINTERS 2024. <br> &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp All Rights Reserved.
68+
</div>
69+
</div>
70+
</footer>
71+
72+
</body>
73+
</html>

styleshome.css

+179-4
Original file line numberDiff line numberDiff line change
@@ -134,6 +134,18 @@ body{
134134
word-wrap: break-word;
135135
}
136136

137+
.ServiceHead{
138+
left: 580px;
139+
top: 154px;
140+
position: absolute;
141+
color: black;
142+
font-size: 40px;
143+
font-family: 'Gowun Dodum', sans-serif;
144+
font-weight: 400;
145+
letter-spacing: 6.60px;
146+
word-wrap: break-word;
147+
}
148+
137149
.aboutUsBox{
138150
width: 1000px;
139151
height: 400px;
@@ -244,13 +256,13 @@ body{
244256
width: 100%;
245257
height: 100%;
246258
position: relative;
247-
top: 1600px
259+
top: 1600px;
248260
}
249261

250262
.copyAboutText{
251263
width: 800px;
252264
height: 11px;
253-
left: 550px;
265+
left: 600px;
254266
top: 42px;
255267
position: absolute;
256268
color: black;
@@ -270,6 +282,102 @@ body{
270282
background: #D6CCC2;
271283
}
272284

285+
.serviceIntroBox{
286+
width: 1100px;
287+
height: 278px;
288+
left: 190px;
289+
top: 249px;
290+
position: absolute;
291+
background: #D5BDAF;
292+
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
293+
border-radius: 50px;
294+
border: 1px black solid;
295+
}
296+
297+
.serviceIntroText{
298+
width: 1000px;
299+
left: 250px;
300+
top: 279px;
301+
position: absolute;
302+
color: black;
303+
font-size: 25px;
304+
font-family: 'Gowun Dodum', sans-serif;
305+
font-weight: 400;
306+
letter-spacing: 1.20px;
307+
word-wrap: break-word;
308+
}
309+
310+
.egHead{
311+
left: 500px;
312+
top: 600px;
313+
position: absolute;
314+
color: black;
315+
font-size: 25px;
316+
font-family: 'Gowun Dodum', sans-serif;
317+
font-weight: 400;
318+
word-wrap: break-word;
319+
}
320+
321+
.egText{
322+
color: black;
323+
font-size: 25px;
324+
font-family: 'Gowun Dodum', sans-serif;
325+
font-weight: 400;
326+
word-wrap: break-word;
327+
}
328+
329+
.egs{
330+
top:640px;
331+
left: 250px;
332+
position: absolute;
333+
display: grid;
334+
grid-template-columns: 30% 25% 30% 20% 30% ;
335+
grid-template-rows: 20% 20% 20%;
336+
}
337+
338+
.line2Services{
339+
width: 100%;
340+
height: 0px;
341+
left: 0px;
342+
top: 580px;
343+
position: absolute;
344+
border: 1px black solid;
345+
}
346+
347+
.serImgBox{
348+
width: 1200px;
349+
height: 600px;
350+
left: 180px;
351+
top: 820px;
352+
position: absolute;
353+
}
354+
355+
.serFootBox{
356+
width: 100%; height: 100%; position: relative; top: 1500px;
357+
}
358+
359+
.serFootbg{
360+
width: 1500px; height: 40px; left: 0px; top: 40px; position: absolute; background: #D6CCC2;
361+
}
362+
363+
.serFootText{
364+
width: 800px;
365+
height: 11px;
366+
left: 494px;
367+
top: 50px;
368+
position: absolute;
369+
color: black;
370+
font-size: 18px;
371+
font-family: 'Gowun Dodum', sans-serif;
372+
font-weight: 400;
373+
letter-spacing: 3.30px;
374+
word-wrap: break-word;
375+
}
376+
377+
.imgSer{
378+
height: 700px;
379+
}
380+
273381
@media only screen and (max-width: 480px){
274382
.logo{
275383
width: 287px;
@@ -411,7 +519,7 @@ body{
411519
}
412520

413521
.aboutFounderHead{
414-
width: 884px;
522+
width: 400px;
415523
height: 119px;
416524
left: 15px;
417525
top: 850px;
@@ -461,7 +569,7 @@ body{
461569
}
462570

463571
.copyAboutText {
464-
width: 467px;
572+
width: 420px;
465573
height: 37px;
466574
left: 56px;
467575
top: 47px;
@@ -472,4 +580,71 @@ body{
472580
.copyAboutbg{
473581
width: 100%;
474582
}
583+
584+
.serviceIntroBox{
585+
width: 383px;
586+
height: 318px;
587+
left: 15px;
588+
top: 275px;
589+
position: absolute;
590+
}
591+
592+
.serviceIntroText {
593+
width: 339px;
594+
left: 40px;
595+
top: 298px;
596+
position: absolute;
597+
font-size: 15px;
598+
}
599+
600+
.ServiceHead{
601+
left: 77px;
602+
top: 220px;
603+
position: absolute;
604+
font-size: 25px;
605+
}
606+
607+
.egHead {
608+
left: 40px;
609+
top: 643px;
610+
position: absolute;
611+
font-size: 14px;
612+
}
613+
614+
.egText{
615+
font-size: 12px;
616+
}
617+
618+
.egs {
619+
top: 660px;
620+
left: 60px;
621+
position: absolute;
622+
display: grid;
623+
grid-template-columns: 34% 40% 40%;
624+
grid-template-rows: 12% 12% 12% 12% 12%;
625+
}
626+
627+
.line2Services{
628+
top: 620px;
629+
}
630+
631+
.imgSer{
632+
height: 224px;
633+
}
634+
635+
.serImgBox {
636+
left: 24px;
637+
top: 804px;
638+
position: absolute;
639+
width: 347px;
640+
height: 75px;
641+
}
642+
643+
.serFootBox{
644+
width: 100%; height: 100%; position: relative; top: 1000px;
645+
}
646+
647+
.serFootbg{
648+
width: 480px; height: 40px; left: 0px; top: 40px; position: absolute; background: #D6CCC2;
649+
}
475650
}

0 commit comments

Comments
 (0)