D3
OG
Old school D3 from simpler times
All examples
By author
By category
About
KehindeAyanleye
Full window
Github gist
#1336 - Profile Card
<figure class="snip1336"> <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/331810/sample87.jpg" alt="sample87" /> <figcaption> <img src="https://stutern.s3.amazonaws.com/uploads/student_profile/image/10662/thumb_kingsley.jpg" alt="profile-sample4" class="profile" /> <h2>Kingsley</h2> <p><span>Strengths</span>Tech Savvy, UI/UX Design</p> <p><span>Interests</span>Design, Arduino, Content Writing</p> <p><span>Roles</span>UI/UX Designer, Digital Marketer</p> <a href="#" class="follow">Follow</a> <a href="#" class="info">More Info</a> </figcaption> </figure> <figure class="snip1336"> <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/331810/sample87.jpg" alt="sample87" /> <figcaption> <img src="https://stutern.s3.amazonaws.com/uploads/student_profile/image/15140/thumb_Screenshot__21_.png" alt="profile-sample4" class="profile" /> <h2>Makinde</h2> <p><span>Strengths</span>Graphic Designs</p> <p><span>Interests</span>Designs</p> <p><span>Roles</span>Graphics Designer, Digital Marketing</p> <a href="#" class="follow">Follow</a> <a href="#" class="info">More Info</a> </figcaption> </figure> <figure class="snip1336"> <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/331810/sample87.jpg" alt="sample87" /> <figcaption> <img src="https://stutern.s3.amazonaws.com/uploads/student_profile/image/13008/thumb_wonuade_facebook1.jpg" alt="profile-sample4" class="profile" /> <h2>David</h2> <p><span>Strengths</span>Business and Market Operations</p> <p><span>Interests</span>Business/Market and Politics</p> <p><span>Roles</span>Business Development, Digital Marketing</p> <a href="#" class="follow">Follow</a> <a href="#" class="info">More Info</a> </figcaption> </figure> <figure class="snip1336"> <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/331810/sample87.jpg" alt="sample87" /> <figcaption> <img src="https://stutern.s3.amazonaws.com/uploads/student_profile/image/13166/thumb_DSC_0708.JPG" alt="profile-sample4" class="profile" /> <h2>Duisor</h2> <p><span>Strengths</span>Media, Public Relations</p> <p><span>Interests</span>Radio Presenting, Public Relations</p> <p><span>Roles</span>Social Media, Public Relations, Digital Marketing</p> <a href="#" class="follow">Follow</a> <a href="#" class="info">More Info</a> </figcaption> </figure> <figure class="snip1336"> <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/331810/sample87.jpg" alt="sample87" /> <figcaption> <img src="https://stutern.s3.amazonaws.com/uploads/student_profile/image/14659/thumb_feyi.jpeg" alt="profile-sample4" class="profile" /> <h2>Feyisayo</h2> <p><span>Strengths</span>PR, Excellent communicative abilities (Verbal, Non-verbal)</p> <p><span>Interests</span>Marketing and Advertising</p> <p><span>Roles</span>Marketing, Sales, Digital Marketing</p> <a href="#" class="follow">Follow</a> <a href="#" class="info">More Info</a> </figcaption> </figure> <figure class="snip1336"> <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/331810/sample87.jpg" alt="sample87" /> <figcaption> <img src="https://stutern.s3.amazonaws.com/uploads/student_profile/image/13281/thumb_IMG_20150913_173553.jpg" alt="profile-sample4" class="profile" /> <h2>Charles</h2> <p><span>Strengths</span>Website Design and Content Management</p> <p><span>Interests</span>Technology, Entrepreneurship</p> <p><span>Roles</span>Web Designer, Digital Marketer</p> <a href="#" class="follow">Follow</a> <a href="#" class="info">More Info</a> </figcaption> </figure> <figure class="snip1336"> <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/331810/sample87.jpg" alt="sample87" /> <figcaption> <img src="https://stutern.s3.amazonaws.com/uploads/student_profile/image/10573/thumb_10496999_742429735803275_8093546034962835595_o.jpg" alt="profile-sample4" class="profile" /> <h2>Sheun</h2> <p><span>Strengths</span>Research, Presentation</p> <p><span>Interests</span>Photography, Music, Sports</p> <p><span>Roles</span>Content Development, Digital Marketing</p> <a href="#" class="follow">Follow</a> <a href="#" class="info">More Info</a> </figcaption> </figure> <figure class="snip1336"> <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/331810/sample87.jpg" alt="sample87" /> <figcaption> <img src="https://stutern.s3.amazonaws.com/uploads/student_profile/image/13608/thumb_IMG_20150419_00142715.jpg" alt="profile-sample4" class="profile" /> <h2>Alexander</h2> <p><span>Strengths</span>Auto CAD, Teamwork, Engineering</p> <p><span>Interests</span>Sports, Volunteering</p> <p><span>Roles</span>Engineering roles, Digital Marketing</p> <a href="#" class="follow">Follow</a> <a href="#" class="info">More Info</a> </figcaption> </figure> <figure class="snip1336"> <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/331810/sample87.jpg" alt="sample87" /> <figcaption> <img src="https://stutern.s3.amazonaws.com/uploads/student_profile/image/15568/thumb_image.jpeg" alt="profile-sample4" class="profile" /> <h2>Bolanle</h2> <p><span>Strengths</span>Communication, Research, Teamwork</p> <p><span>Interests</span>Fashion, Photography, Politics</p> <p><span>Roles</span>Customer Relations, Business Development, Digital Marketing</p> <a href="#" class="follow">Follow</a> <a href="#" class="info">More Info</a> </figcaption> </figure> <figure class="snip1336"> <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/331810/sample87.jpg" alt="sample87" /> <figcaption> <img src="https://stutern.s3.amazonaws.com/uploads/student_profile/image/13669/thumb_133758_1401106362787_5026360_o.jpg" alt="profile-sample4" class="profile" /> <h2>Festus</h2> <p><span>Strengths</span>Programming, Teamwork<p> <p><span>Interests</span>StartUps, New Technologies, Sports</p> <p><span>Roles</span>Programmer, Web Developer, Digital Markerter, Tutor</p> <a href="#" class="follow">Follow</a> <a href="#" class="info">More Info</a> </figcaption> </figure>