Card Effect gradient border snippet

Loading…

Card Effect gradient border snippet | GoSnippets

Source Code

1<div class="container">
2	<div class="box">
3		<span></span>
4		
5		<div class="content">
6			<h2>
7				Card One
8			</h2>
9			
10			<p>
11				Lorem ipsum dolor sit amet consectetur adipisicing elit. Nostrum, velit est pariatur earum et magnam unde atque quo natus quae quas qui fugit voluptas facilis hic quos quaerat, vel omnis?
12			</p>
13			
14			<a href="javascript:void(0);">
15				Read More
16			</a>
17		</div>
18	</div>
19	
20	<div class="box">
21		<span></span>
22		
23		<div class="content">
24			<h2>
25				Card Two
26			</h2>
27			
28			<p>
29				Lorem ipsum dolor sit amet consectetur adipisicing elit. Nostrum, velit est pariatur earum et magnam unde atque quo natus quae quas qui fugit voluptas facilis hic quos quaerat, vel omnis?
30			</p>
31			
32			<a href="javascript:void(0);">
33				Read More
34			</a>
35		</div>
36	</div>
37	
38	<div class="box">
39		<span></span>
40		
41		<div class="content">
42			<h2>
43				Card Three
44			</h2>
45			
46			<p>
47				Lorem ipsum dolor sit amet consectetur adipisicing elit. Nostrum, velit est pariatur earum et magnam unde atque quo natus quae quas qui fugit voluptas facilis hic quos quaerat, vel omnis?
48			</p>
49			
50			<a href="javascript:void(0);">
51				Read More
52			</a>
53		</div>
54	</div>
55</div>

Card Effect gradient border snippet

Source Code

More Cards snippets

Comments(0)