-
Notifications
You must be signed in to change notification settings - Fork 0
/
Third assignment.html
115 lines (99 loc) · 5.27 KB
/
Third assignment.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
<!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">
<title>Document</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi" crossorigin="anonymous">
<link rel="stylesheet" href="Assignment.css/Third-assignment.css">
<link rel="stylesheet" href="icons/all.min.css">
</head>
<body>
<div class="first">
<div>
<ul class="nav justify-content-end">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="#">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Services</a>
</li>
<li class="nav-item Contact">
<a class="nav-link" href="#">Contact</a>
</li>
</ul>
</div>
<div class="first-body">
<h2>I AM BAPTIST A WEB-DEVELOPER, ENTREPRENEUR</h2>
<img src="" alt="">
</div>
</div>
<div>
<div>
<h3 id="about">
ABOUT ME
</h3>
</div>
<div class="aboutc">
<img src="Assignment.Images/MY PIC.jpg" alt="" id="abouti">
<p id="aboutp">Lorem ipsum dolor sit amet consectetur adipisicing elit. Tempora aspernatur id distinctio saepe sint. Reiciendis provident tempore in fugit sint soluta, nihil recusandae, adipisci perspiciatis, temporibus minima vero fuga ipsam! Lorem ipsum dolor sit amet consectetur adipisicing elit. Asperiores nihil aut praesentium! Provident ex quibusdam enim fugiat perferendis quas incidunt rerum ratione? Dolorum dignissimos accusamus, nostrum inventore nam, hic officia deleniti molestias fugit suscipit qui voluptas laborum doloribus illum ipsum libero at molestiae veritatis accusantium placeat dolore beatae! Illum enim fugiat voluptas consequuntur similique? Ducimus delectus modi consectetur facere labore. Dolorum quae minus, mollitia sunt unde quidem doloribus illo autem officia ratione. Nesciunt nam delectus aspernatur rerum omnis rem quas aperiam, obcaecati a id architecto hic laborum sint deserunt eveniet porro expedita tempora cum incidunt ullam nulla temporibus eum. Sequi!</p>
</div>
<div>
<h3 id="contact">Services | Offer</h3>
</div>
<div class="card-group">
<div class="card">
<img src="Assignment.Images/web1.jfif" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Web Development</h5>
<p class="card-text">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Obcaecati ratione non quaerat sint, odit repudiandae porro nulla est, illo nemo nobis modi debitis ab facilis quod accusamus eius eveniet officia?.</p>
</div>
</div>
<div class="card">
<img src="Assignment.Images/web2.jfif" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Mobile App Development</h5>
<p class="card-text">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Provident eius perferendis libero enim delectus at vitae magnam atque recusandae ut blanditiis illum odit, nemo asperiores deserunt. Laborum similique at.</p>
</div>
</div>
<div class="card">
<img src="Assignment.Images/web4.jfif" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Technical Consulting</h5>
<p class="card-text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Unde quam dicta eos sunt aut quos earum, eum sint voluptate reprehenderit optio quo ea dolor alias. Ipsa dolorum fugit debitis sint.</p>
</div>
</div>
<div class="card">
<img src="Assignment.Images/web3.jfif" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Tutoring</h5>
<p class="card-text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Eius, saepe sequi! Architecto velit dolore ab modi quasi id accusamus quas vero. Quis tempora omnis adipisci sit aliquam, cum fugiat distinctio?.</p>
</div>
</div>
</div>
<div>
<h3 id="contact">Contact Us</h3>
<div class="last">
<div>
<h5 id="get">Get In Touch</h5>
<i class="fa-brands fa-facebook"> Baptist</i><br>
<i class="fa-brands fa-twitter"> Baptist</i><br>
<i class="fa-solid fa-envelope"> baptist</i><br>
<i class="fa-solid fa-phone"> +2349011078726</i>
</div>
<div>
<h5 id="send">Send A Message</h5>
<form action="" class="form">
<input type="text" placeholder="name" id="name">
<input type="email" placeholder="email" id="email"><br>
<textarea name="" id="message" cols="70" rows="6" placeholder="we are here for you" ></textarea>
</form>
<button id="btn"><h6>SEND</h6></button>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-IDwe1+LCz02ROU9k972gdyvl+AESN10+x7tBKgc9I5HFtuNz0wWnPclzo6p9vxnk" crossorigin="anonymous"></script>
</body>
</html>