Bootstrap Snippet "clock design css 3 with Youtube Embed Video" (Manish Yadav) using HTML CSS

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
<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div class="pull-right">
    <iframe width="560" height="315" src="https://www.youtube.com/embed/PPLljOk3vS4" frameborder="0" allowfullscreen></iframe>
</div>
<div id="clock">
    <div id="a">
        <div id="b">
            <div id="c">
                <div id="d">
                    <div id="sh">
                        <div class="hh">
                            <div class="h"></div>
                        </div>
                        <div class="mm">
                            <div class="m"></div>
                            <div class="mr"></div>
                        </div>
                        <div class="ss">
                            <div class="s"></div>
                        </div>
                    </div>
                    <div id="ii">
                    <b><i></i><i></i><i></i><i></i></b>
                    <b><i></i><i></i><i></i><i></i></b>
                    <b><i></i><i></i><i></i><i></i></b>
                    <b><i></i><i></i><i></i><i></i></b>
                    <b><i></i><i></i><i></i><i></i></b>
                    <b><i></i><i></i><i></i><i></i></b>
                    </div>
                    <div id="e">
                        <div id="f">
                            <u>12<u>1<u>2<u>3</u>4</u>5</u></u>
                        </div>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

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
/*-----------------------------------------------------------------------------------
    Template Name: Frame Pack
    Template URI: 
    Description: This is html5 template
    Author: Hossain Shahid
    Author URI: http://www.Shahid.divscode.com/
    Version: 1.0
-----------------------------------------------------------------------------------
    
    CSS INDEX
    ===================
  
    1. Theme default CSS
    2. 
    
-----------------------------------------------------------------------------------*/
/*font-family: 'Montserrat', sans-serif;
font-family: 'Open Sans', sans-serif;*/
/*----------------------------------------*/
/*  1. Google Font
/*----------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700|Open+Sans:300,400,600');
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700|Open+Sans:300,400,600');
/*----------------------------------------*/
/*  2. Theme default CSS
/*----------------------------------------*/
.clear {
    clear: both
}
::-moz-selection {
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

""clock design css 3 with Youtube Embed Video" (Manish Yadav)"
Bootstrap 4.0.0 Snippet by Manish Yadav

Related: See More

Questions / Comments:

""clock design css 3 with Youtube Embed Video" (Manish Yadav)" Bootstrap 4.0.0 Snippet by Manish Yadav

Related: See More

Questions / Comments:

""clock design css 3 with Youtube Embed Video" (Manish Yadav)"
Bootstrap 4.0.0 Snippet by Manish Yadav