-
Notifications
You must be signed in to change notification settings - Fork 0
/
ourBlog.html
74 lines (74 loc) · 3.68 KB
/
ourBlog.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
<section class="ourBlogMainBox" id="blog">
<div class="mainTitleStyle">
<h3>LATEST BLOG</h3>
<div class="mainIconBox">
<div class="grayLine"></div>
<picture><source srcset="img/chooseUs/workIcon.webp" type="image/webp"><img src="img/chooseUs/workIcon.png" alt="" class="mainIcon"></picture>
<div class="grayLine"></div>
</div>
<p>Tell Your Story</p>
</div>
<div class="ourBlogList">
<div class="ourBlogItem">
<div class="ourBlogItemImgBox ourBlogFirstImg">
<div class="leftTriangle"></div>
</div>
<div class="ourBlogItemTextBox">
<span>Brading design</span>
<h2>Leeds Juicery</h2>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque
laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore </p>
<div class="ourBlogItemButtonBox">
<a href="#" class="ourBlogItemButton">Read More</a>
<picture><source srcset="img/ourBlog/readMoreIcon.webp" type="image/webp"><img src="img/ourBlog/readMoreIcon.png" alt=""></picture>
</div>
</div>
</div>
<div class="ourBlogItem">
<div class="ourBlogItemImgBox ourBlogSecondImg">
<div class="leftTriangle"></div>
</div>
<div class="ourBlogItemTextBox">
<span>Motion Graphic</span>
<h2>Hello Itaewon Project</h2>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque
laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore </p>
<div class="ourBlogItemButtonBox">
<a href="#" class="ourBlogItemButton">Read More</a>
<picture><source srcset="img/ourBlog/readMoreIcon.webp" type="image/webp"><img src="img/ourBlog/readMoreIcon.png" alt=""></picture>
</div>
</div>
</div>
<div class="ourBlogItem">
<div class="ourBlogItemTextBox">
<span>Lookbook seasonal</span>
<h2>Brooklyn</h2>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque
laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore </p>
<div class="ourBlogItemButtonBox">
<a href="#" class="ourBlogItemButton">Read More</a>
<picture><source srcset="img/ourBlog/readMoreIcon.webp" type="image/webp"><img src="img/ourBlog/readMoreIcon.png" alt=""></picture>
</div>
</div>
<div class="ourBlogItemImgBox ourBlogThirdImg">
<div class="rightTriangle"></div>
</div>
</div>
<div class="ourBlogItem">
<div class="ourBlogItemTextBox">
<span>Photography</span>
<h2>Maxi Dress</h2>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque
laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore </p>
<div class="ourBlogItemButtonBox">
<a href="#" class="ourBlogItemButton">Read More</a>
<picture><source srcset="img/ourBlog/readMoreIcon.webp" type="image/webp"><img src="img/ourBlog/readMoreIcon.png" alt=""></picture>
</div>
</div>
<div class="ourBlogItemImgBox ourBlogFourImg">
<div class="rightTriangle"></div>
</div>
</div>
</div>
</div>
</section>