xxxxxxxxxx
1
<div class="container my-5">
2
3
4
<!--Section: Content-->
5
<section class="dark-grey-text">
6
7
<!-- Section heading -->
8
<h3 class="text-center font-weight-bold mb-4 pb-2">Start a project now</h3>
9
<hr class="w-header">
10
<!-- Section description -->
11
<p class="lead text-center w-responsive mx-auto text-muted mt-4 pt-2 mb-5">Hire expert freelancers for any job to be done online or become a freelancer and earn money.</p>
12
13
<!--First row-->
14
<div class="row">
15
16
<!--First column-->
17
<div class="col-md-6 mb-4">
18
19
<!-- Card -->
20
<a href="#!" class="card hoverable">
21
22
<!-- Card content -->
23
<div class="card-body">
24
25
<div class="media">
26
<span class="card-img-100 d-inline-flex justify-content-center align-items-center rounded-circle grey lighten-3 mr-4">
27
<i class="fab fa-react fa-2x text-info"></i>
28
</span>
29
<div class="media-body">
30
<h5 class="dark-grey-text mb-3">I'm a developer</h5>
31
<p class="font-weight-light text-muted mb-0">Your web pages looks good on all devices and screen sizes, including desktop, tablet and mobile.</p>
32
</div>
33
</div>
34
35
</div>
36
37
</a>
38
<!-- Card -->
39
40
</div>
41
<!--First column-->
42
43
<!--Second column-->
44
<div class="col-md-6 mb-4">
45
46
<!-- Card -->
47
<a href="#!" class="card hoverable">
48
49
<!-- Card content -->
50
<div class="card-body">
51
52
<div class="media">
53
<span class="card-img-100 d-inline-flex justify-content-center align-items-center rounded-circle grey lighten-3 mr-4">
54
<i class="far fa-user fa-2x purple-text"></i>
55
</span>
56
<div class="media-body">
57
<h5 class="dark-grey-text mb-3">I need a developer</h5>
58
<p class="font-weight-light text-muted mb-0">Your web pages looks good on all devices and screen sizes, including desktop, tablet and mobile.</p>
59
</div>
60
</div>
61
62
</div>
63
64
</a>
65
<!-- Card -->
66
<!-- Card -->
67
68
</div>
69
<!--Second column-->
70
71
</div>
72
<!--First row-->
73
74
</section>
75
76
77
</div>
1
1
1
1
Console errors: 0