Skip to content
Foxidia Digital Media
Foxidia Digital Media
WORKS
Ace Accounting
Website Development
Greenish Park
Motion Graphic & Animation
Cure John
Mobile Apps Development
  • 1
  • 2
  • 3
  • 4
  • 5
Connect:
Chat:
©2019, Foxidia Digital Media
/* ----------------------------------------- */ /* View: Works - start */ /* ----------------------------------------- */ .select-btn { width:300px; margin:auto; background:#fff; color:#081b47; font-size:20px; height:40px; font-family: "Barlow"; margin-bottom: 50px; } .form-control:focus { border-color:#fff; } .pagination { display: inline-flex; } .pagination > li > a, .pagination > li > span { margin-left: 15px; border-radius: 30px; height: 35px; width: 35px; font-weight: 800; color: #fff; background-color: rgba(0,0,0,0); border: 1px solid #fff; line-height: 22px; } .pagination > li:first-child > a, .pagination > li:first-child > span { border-radius: 30px; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color: #e4cf0e; border-color: #e4cf0e; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-radius: 30px; } /* ----------------------------------------- */ /* View: Works - end */ /* ----------------------------------------- */
/* ----------------------------------------- */ /* Content Template: Loop item in Works - start */ /* ----------------------------------------- */ .works-title { padding-top:100px; color:rgba(255,255,255,0); position:absolute; top:0; bottom:0; left:0; right:0; height:400px; font-size:25px; font-weight:800; background-color:rgba(8,27,71,0); transition:500ms all; } .works-title:hover { background-color:rgba(8,27,71,0.95); color:rgba(255,255,255,1); transition:300ms all; padding-top:150px; } .works-img { color:rgba(255,255,255,1); font-size:20px; font-family:"Barlow"; font-weight:800; text-align:center; background-size:85% !important; background-position:center center !important; background-repeat:no-repeat !important; height:400px; padding: 20px 20px 0px; transition:500ms all; } .works-img:hover { color:rgba(255,255,255,0); background-size:60% !important; transition:200ms all; } /* ----------------------------------------- */ /* Content Template: Loop item in Works - end */ /* ----------------------------------------- */
Scroll to Top