-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
157 lines (145 loc) · 6.23 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
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="./css/style.css">
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
</head>
<body>
<header>
<nav>
<img src="./images/croonials-logo.png">
<div class="top-button">
<a href="#">Home</a>
<a href="#">Our Service</a>
<a href="#">Our Works</a>
</div>
<button>Let's Talk</button>
</nav>
<main>
<h1><span>Brings</span> Your <span>Business</span> To Next <span>Level</span></h1>
<p>We love designing and developing in WordPress, reaching beyond expectations for you.</p>
<img src="./images/top.png">
</main>
</header>
<section class="enter">
<div class="enter-head">
<img src="./images/croonials-logo.png">
<h1>How We Entertain You?</h1>
<p>We are the leading WordPress designers and developers, and we believe in creating an innovative services.
</p>
</div>
<div class="enter-info">
<div class="enter-card-1" data-aos="zoom-in-right" data-aos-duration="2000">
<img src="./images/card-1.png">
<h1>PSD To WordPress Development</h1>
<p>We deliver a solution quickly,cost-effectively converting your traditional PSD to robust, fully
functional WordPress websites</p>
</div>
<div class="enter-card-2" data-aos="zoom-in-up" data-aos-duration="2000">
<img src="./images/card-2.png">
<h1>Wordpress Ecommerce Store Development</h1>
<p>Are you looking to sell online? You take care of selling and we provide full stack back-end support.
</p>
</div>
<div class="enter-card-3" data-aos="zoom-in-left" data-aos-duration="2000">
<img src="./images/card-3.png">
<h1>Website Responsive Development</h1>
<p>Mobile First Indexing – Mobile is the future and future is right here. Engage mobile visitors better
and increase sales.</p>
</div>
</div>
</section>
<section class="work">
<div class="work-info" data-aos="zoom-in" data-aos-duration="2000">
<div class="work-1" data-aos="fade-right"
data-aos-offset="300"
data-aos-easing="ease-in-sine">
<h1>Hire Us For Any</h1>
<h1>Scope of</h1>
<h1>work</h1>
<a href="#">GET QUOTE</a>
</div>
<div class="work-2">
<div class="task" data-aos="flip-left"
data-aos-easing="ease-out-cubic"
data-aos-duration="2000">
<h1>Short-term tasks</h1>
<p>Build a pool of diverse experts for one-off tasks
</p>
</div>
<div class="task" data-aos="flip-left"
data-aos-easing="ease-out-cubic"
data-aos-duration="2000">
<h1>Recurring projects</h1>
<p>Build a pool of diverse experts to meet your time-to-time needs.
</p>
</div>
<div class="task" data-aos="flip-left"
data-aos-easing="ease-out-cubic"
data-aos-duration="2000">
<h1>Full time contract work</h1>
<p>Build a pool of diverse experts to meet you day-to-day requirments.
</p>
</div>
<div class="task" data-aos="flip-left"
data-aos-easing="ease-out-cubic"
data-aos-duration="2000">
<h1>Long Term Partnership</h1>
<p>Build a pool of diverse experts & forget about all the issues to come.
</p>
</div>
</div>
</div>
<img src="./images/top-2.png">
</section>
<section class="intro">
<img src="./images/croonials-logo.png">
<h1>Super Portfolio</h1>
<p>A glimpse of the few elegant designs Croonials have work on!
</p>
</section>
<section class="slider-port">
<figure>
<a href="https://maggix1404.github.io/Englishschool-clone/" target="blank">
<img src="./images/ss1.svg">
</a>
<a href="https://maggix1404.github.io/Mordern-app-com/" target="blank">
<img src="./images/ss2.svg">
</a>
<a href="https://maggix1404.github.io/Bussiness.com/" target="blank">
<img src="./images/ss3.svg">
</a>
<a href="https://maggix1404.github.io/Jomato.com/" target="blank">
<img src="./images/ss4.svg">
</a>
</figure>
</section>
<section class="review container" data-aos="fade-up"
data-aos-duration="3000">
<div class="review-left">
<h1>Delisa Rayam</h1>
<h4>Ubergrad Happy 4.9</h4>
<p>Amazing experience working with Sohaib. He not only completed everything I needed with exceptional quality, he did it with incredible turnaround time. Communication was superb and I definitely plan to hire him again for future projects.
</p>
</div>
<div class="review-right">
<img src="./images/croonials-ubergrad.png">
</div>
</section>
<footer>
<img src="./images/croonials-mini-logo-white.png">
<h1>Top Singapore Based WordPress Design & Development Company</h1>
<p>Local Support + Value for Money + Understand SG Market Better + Price Match</p>
<a href="#">Get Free Quote</a>
<h6>@Copyright is allow <i class="far fa-smile"></i><i class="far fa-smile-wink"></i><i class="far fa-smile-beam"></i></h6>
</footer>
<script src="https://kit.fontawesome.com/68f941b034.js" crossorigin="anonymous"></script>
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script>
AOS.init();
</script>
</body>
</html>