-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
129 lines (118 loc) · 5.42 KB
/
index.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
118
119
120
121
122
123
124
125
126
127
128
129
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Assignment Website</title>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@1,700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
</head>
<body>
<section class="first-section">
<div class="half-width">
<h1> HELLO I'M <br> <span class="h1-color"> SHAHRIAR SHUBHO</span>
</h1>
<P>A full stack allaround designer that placerat in massa consectetur</P>
<a class="link-button" href="www.google.com">Hire Me</a>
</div>
<div class="half-width">
<img src="images/Group 33086.png" alt="">
</div>
</section>
<section class="secound-section">
<div class="half-width">
<img src="images/Group 33088.png" alt="">
</div>
<div class="half-width">
<h2>ABOUT</h2>
<p>Lorem Ipsum is simply dummy text of the printing and
typesetting industry. Lorem Ipsum has been the industry's
standard dummy text ever since the 1500s, when an unknown
printer took a galley of type and scrambled it to make a type
specimen book.</p>
<a href="www.facebook.com" class="link-button">Dowmload CV</a>
</div>
</section>
<section class="third-section">
<h1 class="work-h1"><span class="h1-color">LASTET</span> WORKING PROJECT</h1>
<div class="third-div">
<img src="images/image 4.png" alt="">
<h3>Power-x-gym (gym website)</h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
</div>
<div class="third-div">
<img src="images/image 5.png" alt="">
<h3>Creative Agency</h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry</p>
</div>
<div class="third-div">
<img src="images/image 8.png" alt="">
<h3>Hard Rock Music</h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
</div>
</section>
<section class="service-section">
<h1 class="service-headline">Our Services</h1>
<p id="service-pera">We Provide the services given bellow. Our team work of it.</p>
<div class="service-div">
<img src="images/desing.jpg" alt="">
<h6>Web Desing</h6>
<p>Web design encompasses many different skills and disciplines in the production and maintenance of websites. The different areas of web design include web graphic design; user interface design; authoring, including standardised code and proprietary software; user experience design; and search engine optimization</p>
</div>
<div class="service-div">
<img src="images/web dev.jpg" alt="">
<h6>Web Development</h6>
<p>Web development is the work involved in developing a Web site for the Internet or an intranet. Web development can range from developing a simple single static page of plain text to complex Web-based Internet applications, electronic businesses, and social network services.</p>
</div>
<div class="service-div">
<img src="images/apps.jpg" alt="">
<h6>Apps Development</h6>
<p>App Development refers to the creation of computer applications for use on mobile devices such as tablets, smartphones and smart watches. ... Mobile applications are designed and built for different operating systems and developers will want to learn how to build for both the Android operating system and Apple's iOS.</p>
</div>
</div>
</section>
<section class="fourth-section">
<div class="background-image">
<div class="work-section">
<h1>WORK INQUIRY</h1>
</div>
<div class="work-section">
<a href="www.youtube.com" class="link-button" id="last-btn">Let's Chat</a>
</div>
</div>
</section>
<section class="contrct-section" >
<h1 class="contract-headline">Contact ME</h1>
<div class="contract-div">
<img src="images/1104720.svg" alt="">
<h5>Address</h5>
<p>Brahmanbaria, Bangladesh</p>
</div>
<div class="contract-div">
<img src="icons/call.png" alt="">
<h5>Contract Number</h5>
<p>01817510325</p>
</div>
<div class="contract-div">
<img src="icons/email.png" alt="">
<h5>Email</h5>
<p>shubha.shahriar@gmail.com</p>
</div>
</div>
<div class="contract-div">
<img src="icons/website.png" alt="">
<h5>Website</h5>
<p>www.shubho.com</p>
</section>
<footer>
<h4 class="fotter-center">Stay connected</h4>
<h4 class="fotter-center">hello@desing.com</h4>
<div class="footer-img">
<img src="icons/Group 33059.png" alt="">
<img src="icons/image 6.png" alt="">
<img src="icons/image 7.png" alt="">
</div>
</footer>
</body>
</html>