├── animedemo.html ├── css ├── all.css ├── anime.css ├── flexdemo.css ├── floatdemo.css ├── gradient.css ├── griddemo.css ├── mediademo.css ├── position.css ├── restaurant.css ├── style.css ├── style2.css ├── style3.css └── units.css ├── cssdemo.html ├── cssdemo2.html ├── flexdemo.html ├── floatdemo.html ├── formdemo.html ├── gradientdemo.html ├── griddemo.html ├── index.html ├── media ├── bg.jpg ├── bg2.jpg ├── bg3.jpg ├── bg4.jpg ├── bg5.jpg ├── bg6.jpg ├── border.gif ├── border.png ├── bowl.svg ├── bowl_color.svg ├── favicon.ico ├── favicon_io (1).zip ├── favicon_io.zip ├── restbg.jpg ├── song.mp3 └── star.gif ├── mediademo.html ├── metademo.html ├── positiondemo.html ├── restaurant.html ├── signup.html ├── signupresult.html ├── submit.jpg ├── unitsdemo.html └── webfonts ├── fa-brands-400.ttf ├── fa-brands-400.woff2 ├── fa-regular-400.ttf ├── fa-regular-400.woff2 ├── fa-solid-900.ttf ├── fa-solid-900.woff2 ├── fa-v4compatibility.ttf └── fa-v4compatibility.woff2 /animedemo.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Document 9 | 10 | 11 |
12 | 13 | 14 | -------------------------------------------------------------------------------- /css/anime.css: -------------------------------------------------------------------------------- 1 | .square{ 2 | width:300px; 3 | height:300px; 4 | background-color: aquamarine; 5 | /* transition-duration: 3s; 6 | transition-property: background-color; 7 | transition-timing-function: cubic-bezier(1,-0.35, 1, 1.21); 8 | transition-delay:1s; */ 9 | /* transition:background-color 3s 1s linear; */ 10 | } 11 | 12 | .square:hover{ 13 | /* background-color: blueviolet; 14 | width:600px; */ 15 | transform:translateY(-50px); 16 | } 17 | 18 | .box{ 19 | width:100px; 20 | height:100px; 21 | border-radius: 50%; 22 | position:relative; 23 | background-color:lightcoral; 24 | animation-name:circle; 25 | animation-duration: 3s; 26 | animation-fill-mode: forwards; 27 | animation-iteration-count: 10; 28 | } 29 | 30 | @keyframes circle { 31 | 0%{ 32 | background-color:darkmagenta; 33 | left:0px; 34 | top:0px; 35 | } 36 | 100%{ 37 | background-color: cornflowerblue; 38 | width:300px; 39 | height:300px; 40 | left:600px; 41 | top:600px; 42 | } 43 | } 44 | 45 | -------------------------------------------------------------------------------- /css/flexdemo.css: -------------------------------------------------------------------------------- 1 | .outerbox{ 2 | background-color: beige; 3 | min-height:400px; 4 | display: flex; 5 | justify-content: center; 6 | align-items: center; 7 | } 8 | 9 | .box{ 10 | width:180px; 11 | height: 180px; 12 | background-color: blue; 13 | border:2px solid white; 14 | } 15 | 16 | .box1{ 17 | flex:1 2 0px; 18 | } 19 | 20 | .box2{ 21 | flex-shrink: 2; 22 | } 23 | 24 | .box3{ 25 | 26 | } 27 | 28 | .box4{ 29 | 30 | } 31 | 32 | .container{ 33 | display:flex; 34 | } 35 | 36 | p{ 37 | padding:10px; 38 | } 39 | 40 | .para1{ 41 | background-color: aquamarine; 42 | flex:1; 43 | order:1; 44 | } 45 | 46 | .para2{ 47 | background-color:darksalmon; 48 | flex:1; 49 | order:3; 50 | } 51 | 52 | .para3{ 53 | background-color: cornsilk; 54 | flex:2; 55 | order:2; 56 | } 57 | 58 | -------------------------------------------------------------------------------- /css/floatdemo.css: -------------------------------------------------------------------------------- 1 | .col p{ 2 | width:30%; 3 | float:left; 4 | } 5 | 6 | .col p:nth-child(4){ 7 | clear:left; 8 | } 9 | -------------------------------------------------------------------------------- /css/gradient.css: -------------------------------------------------------------------------------- 1 | .box{ 2 | height:400px; 3 | width:400px; 4 | margin:auto; 5 | background: repeating-radial-gradient(blue 10px,blue 20px,green 10px,green 30px) 6 | } -------------------------------------------------------------------------------- /css/griddemo.css: -------------------------------------------------------------------------------- 1 | body{ 2 | background-color: rgb(214, 189, 180); 3 | } 4 | 5 | .layout{ 6 | display:grid; 7 | grid-template-columns: repeat(5,1fr); 8 | grid-template-rows: 10vh 80vh 10vh; 9 | grid-template-areas: 10 | "h h h h h" 11 | "sb1 m m m sb2" 12 | "f f f f f"; 13 | } 14 | 15 | .header{ 16 | grid-area:h; 17 | } 18 | 19 | .sidebar1{ 20 | grid-area:sb1; 21 | } 22 | 23 | .main{ 24 | grid-area: m; 25 | } 26 | .sidebar2{ 27 | grid-area:sb2; 28 | } 29 | 30 | .footer{ 31 | grid-area:f; 32 | } 33 | 34 | .layout div{ 35 | display:grid; 36 | justify-content: center; 37 | align-items:center; 38 | border:1px solid black; 39 | background-color:rgb(236, 172, 172); 40 | font-size: 2rem; 41 | font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; 42 | } 43 | 44 | .container{ 45 | display:grid; 46 | grid-template-columns: repeat(auto-fit,minmax(200px,1fr)); 47 | grid-template-rows: 1fr 2fr 1fr; 48 | /* column-gap: 20px; 49 | row-gap:20px; */ 50 | gap:20px; 51 | } 52 | 53 | .para{ 54 | padding:1rem; 55 | background-color: steelblue; 56 | color:white; 57 | } 58 | 59 | .outerbox{ 60 | display: grid; 61 | margin:20px; 62 | grid-template-columns: repeat(3,1fr); 63 | grid-template-rows: 100px 200px; 64 | grid-auto-rows: 200px; 65 | gap:20px; 66 | align-items: end; 67 | /* justify-content: center; */ 68 | justify-items: stretch; 69 | } 70 | 71 | .box{ 72 | background-color: rgb(50, 204, 83); 73 | color:white; 74 | font-size: 4rem; 75 | display:grid; 76 | justify-content: center; 77 | align-items: center; 78 | } 79 | 80 | 81 | 82 | 83 | 84 | -------------------------------------------------------------------------------- /css/mediademo.css: -------------------------------------------------------------------------------- 1 | .para1{ 2 | background-color: aquamarine; 3 | } 4 | 5 | .para2{ 6 | background-color:darksalmon; 7 | } 8 | 9 | .para3{ 10 | background-color: cornsilk; 11 | } 12 | 13 | @media all and (min-width:801px){ 14 | .container p{ 15 | width:30%; 16 | float:left; 17 | padding:10px; 18 | } 19 | .para3{ 20 | background-color: blueviolet; 21 | } 22 | } 23 | 24 | @media print{ 25 | body{ 26 | background-color: none; 27 | } 28 | } 29 | 30 | -------------------------------------------------------------------------------- /css/position.css: -------------------------------------------------------------------------------- 1 | .bluebox{ 2 | background-color: steelblue; 3 | width:300px; 4 | height:300px; 5 | margin-top:50px; 6 | position:relative; 7 | } 8 | 9 | .yellowbox{ 10 | width:100px; 11 | height: 100px; 12 | background-color: rgb(235, 235, 74); 13 | position:absolute; 14 | top:100px; 15 | left:100px; 16 | } 17 | 18 | -------------------------------------------------------------------------------- /css/restaurant.css: -------------------------------------------------------------------------------- 1 | :root{ 2 | --red:crimson; 3 | --green:#53BF9D; 4 | --yellow:#FFC54D; 5 | --white:whitesmoke; 6 | } 7 | 8 | body,h2{ 9 | margin:0; 10 | font-family: Arial, Helvetica, sans-serif; 11 | } 12 | 13 | .mainarea{ 14 | background-image:url('../media/restbg.jpg'); 15 | background-size: cover; 16 | background-position: center; 17 | height:100vh; 18 | color:var(--white); 19 | } 20 | 21 | header a{ 22 | color:var(--white); 23 | text-decoration: None; 24 | display: inline; 25 | color: var(--yellow); 26 | min-width: 120px; 27 | } 28 | 29 | 30 | header{ 31 | display:flex; 32 | padding: 1em; 33 | flex-wrap: wrap; 34 | row-gap: 1em; 35 | } 36 | 37 | .logo{ 38 | flex:3; 39 | font-size: 1.25em; 40 | color:var(--yellow); 41 | min-width: 260px 42 | } 43 | 44 | header h2 i,nav a i{ 45 | margin-right: .5em; 46 | } 47 | 48 | nav{ 49 | flex:2; 50 | display:flex; 51 | align-items: center; 52 | } 53 | 54 | nav a{ 55 | flex:1; 56 | } 57 | 58 | nav a:hover{ 59 | color:var(--green); 60 | } 61 | 62 | .maintext{ 63 | display:flex; 64 | flex-direction: column; 65 | height:50vh; 66 | justify-content: center; 67 | padding:2em; 68 | } 69 | 70 | .maintext div{ 71 | margin-top: .75em; 72 | } 73 | 74 | .tagline1{ 75 | font-size:2.5em; 76 | font-weight: bolder; 77 | color: var(--red); 78 | } 79 | 80 | .mainarea button{ 81 | width:20vw; 82 | margin-top: 2em; 83 | border-radius: 10px; 84 | padding:.7em; 85 | color: var(--white); 86 | background-color:var(--green); 87 | border: 1px solid var(--green); 88 | } 89 | 90 | .tagline2{ 91 | color:var(--yellow); 92 | } 93 | 94 | #menuheading,#locheading{ 95 | background:linear-gradient(to right,rgb(100, 100, 100),rgb(53, 52, 52)); 96 | font-size:2.5em; 97 | color:var(--red); 98 | display: flex; 99 | justify-content: center; 100 | } 101 | .menu{ 102 | display:grid; 103 | grid-template-columns: repeat(auto-fit,minmax(320px,1fr)); 104 | background:linear-gradient(to right,rgb(100, 100, 100),rgb(53, 52, 52)); 105 | } 106 | 107 | .maincourse{ 108 | grid-row: span 2; 109 | } 110 | 111 | .menu tr{ 112 | display:flex; 113 | justify-content: center; 114 | margin-top:.8em; 115 | color:var(--white); 116 | } 117 | 118 | .menu th{ 119 | color:var(--green); 120 | font-size: 1.8em; 121 | } 122 | .menu td:nth-child(1){ 123 | flex:1; 124 | justify-self: left; 125 | } 126 | 127 | .menu td:nth-child(2){ 128 | justify-self: right; 129 | } 130 | 131 | table{ 132 | width:100%; 133 | padding:1em; 134 | } 135 | 136 | .locations address{ 137 | color:white; 138 | } 139 | 140 | .locations{ 141 | display:flex; 142 | flex-wrap: wrap; 143 | justify-items: center; 144 | background:linear-gradient(to right,rgb(100, 100, 100),rgb(53, 52, 52)); 145 | } 146 | .locheading{ 147 | font-size:1.75em; 148 | color:var(--red); 149 | display: flex; 150 | justify-content: center; 151 | } 152 | 153 | .locations div{ 154 | padding:1em; 155 | flex:1; 156 | } 157 | 158 | .locations div h2{ 159 | color: var(--green); 160 | margin-bottom: .8em; 161 | } 162 | 163 | footer{ 164 | background-color: rgb(55, 55, 55); 165 | color:var(--white); 166 | padding:.25em 1em; 167 | } 168 | 169 | #copyright{ 170 | margin-left:20px; 171 | } 172 | .social-menu ul{ 173 | display: flex; 174 | padding:0; 175 | } 176 | 177 | .social-menu ul li{ 178 | list-style: none; 179 | display:inline-block; 180 | margin: 0 15px; 181 | } 182 | 183 | .social-menu ul li .fab{ 184 | font-size: 25px; 185 | line-height: 40px; 186 | transition: .3s; 187 | color: #000; 188 | } 189 | 190 | .social-menu ul li .fab:hover{ 191 | color: #fff; 192 | } 193 | 194 | .social-menu ul li a{ 195 | position: relative; 196 | display: block; 197 | width: 40px; 198 | height: 40px; 199 | border-radius: 50%; 200 | background-color: #fff; 201 | text-align: center; 202 | transition: .6s; 203 | box-shadow: 0 5px 4px rgba(0,0,0,.5); 204 | } 205 | 206 | .social-menu ul li a:hover{ 207 | transform: translate(0, -10%); 208 | } 209 | 210 | .social-menu ul li:nth-child(1) a:hover{ 211 | background-color: #4267B2; 212 | } 213 | .social-menu ul li:nth-child(2) a:hover{ 214 | background-color: #E4405F; 215 | } 216 | .social-menu ul li:nth-child(3) a:hover{ 217 | background-color: #00ACEE; 218 | } 219 | -------------------------------------------------------------------------------- /css/style.css: -------------------------------------------------------------------------------- 1 | body{ 2 | font-family:Georgia,'Times New Roman',Serif; 3 | /* 1/125th of an inch */ 4 | font-size: 1.5em; 5 | } 6 | h1,h2{ 7 | font-family: Arial, Helvetica, sans-serif; 8 | font-size:2em; 9 | font-weight:normal; 10 | font-style:italic; 11 | font-stretch:extra-expanded; 12 | text-transform: uppercase; 13 | text-decoration:none; 14 | letter-spacing:.25em; 15 | word-spacing: .5em; 16 | border:1px solid black; 17 | width:200px; 18 | } 19 | 20 | p{ 21 | line-height: 1.5em; 22 | text-align: justify; 23 | /* text-indent:50px; */ 24 | /* border:1px solid black; */ 25 | /* border-width:10px; */ 26 | /* border-top-width:7px; 27 | border-bottom-width:3px; */ 28 | /* border-style:solid dashed; */ 29 | /* border-top-style:double; */ 30 | /* border-color:black; */ 31 | width:400px; 32 | /* max-height:300px; 33 | overflow:scroll; */ 34 | background-color: antiquewhite; 35 | /* text-shadow: 2px 2px 2px gray; */ 36 | padding:15px; 37 | margin:20px auto 20px auto; 38 | /* border: 1px solid black; 39 | border-radius:80px 50px; 40 | -moz-border-raius:80px 50px; 41 | -webkit-border-radius:80px 50px; 42 | 43 | box-shadow:10px 10px 10px gray; 44 | -moz-box-shadow:10px 10px 10px gray; 45 | -webkit-box-shadow: 10px 10px 5px 20px gray; */ 46 | 47 | border:30px solid; 48 | border-image:url("/media/border.png") 30 round; 49 | } 50 | 51 | .paradiv{ 52 | max-width:1500px; 53 | min-width:700px; 54 | border:1px solid blue; 55 | 56 | } 57 | 58 | li{ 59 | display:inline-block; 60 | margin:10px; 61 | } 62 | 63 | .coming-soon{ 64 | visibility:hidden; 65 | } 66 | a:link { 67 | 68 | color:blue; 69 | border:1px solid black; 70 | } 71 | 72 | a:visited { 73 | color:brown; 74 | } 75 | 76 | a:hover{ 77 | color:pink; 78 | } 79 | 80 | a:focus{ 81 | color:green; 82 | } 83 | a:active{ 84 | color:deeppink; 85 | } 86 | 87 | 88 | 89 | 90 | 91 | 92 | 93 | 94 | 95 | 96 | 97 | 98 | 99 | -------------------------------------------------------------------------------- /css/style2.css: -------------------------------------------------------------------------------- 1 | ul{ 2 | /* list-style-image: url("/media/star.gif"); */ 3 | /* list-style-position:outside; */ 4 | list-style: inside circle; 5 | } 6 | 7 | ol{ 8 | list-style-type:lower-roman; 9 | } 10 | 11 | li{ 12 | margin:10px; 13 | } 14 | 15 | table{ 16 | width:300px; 17 | margin:auto; 18 | border-spacing: 10px 20px; 19 | border-collapse: collapse; 20 | 21 | } 22 | 23 | th{ 24 | text-transform: uppercase; 25 | text-align: left; 26 | border-bottom: 2px solid black; 27 | padding:10px; 28 | } 29 | 30 | td{ 31 | padding:10px; 32 | border:1px solid black; 33 | } 34 | 35 | .amt{ 36 | text-align: right; 37 | } 38 | 39 | tr:nth-child(even){ 40 | background-color: whitesmoke; 41 | } 42 | 43 | -------------------------------------------------------------------------------- /css/style3.css: -------------------------------------------------------------------------------- 1 | body{ 2 | background: url("/media/bg5.jpg"); 3 | font-family:Verdana, Geneva, Tahoma, sans-serif; 4 | } 5 | 6 | .regform{ 7 | width:500px; 8 | margin:250px auto; 9 | padding:10px 20px 30px; 10 | background-color: rgba(0,0,0,.5); 11 | color:white; 12 | font-size:30px; 13 | border-radius:10px; 14 | } 15 | 16 | .regform h3{ 17 | text-align: center; 18 | color:#E29578; 19 | } 20 | 21 | .regform .textlabel{ 22 | display:block; 23 | } 24 | 25 | .input input{ 26 | width:100%; 27 | font-size:1.2em; 28 | border: 1px solid #006D77; 29 | box-shadow:2px; 30 | border-radius: 8px; 31 | padding: 10px 10px; 32 | box-sizing:border-box; 33 | margin:5px 0px 15px; 34 | } 35 | 36 | input:focus{ 37 | background-color: #83C5BE; 38 | } 39 | 40 | .btn{ 41 | text-align: center; 42 | } 43 | 44 | button{ 45 | background-color: #83C5BE; 46 | font-size:30px; 47 | color:white; 48 | margin-top:20px; 49 | padding:15px 25px; 50 | border-radius:8px; 51 | border: 1px solid #006D77; 52 | box-shadow:2px; 53 | } 54 | 55 | .radio input{ 56 | accent-color: #83C5BE; 57 | transform:scale(1.5); 58 | -ms-transform: scale(1.5); 59 | -webkit-transform: scale(1.5); 60 | } 61 | -------------------------------------------------------------------------------- /css/units.css: -------------------------------------------------------------------------------- 1 | 2 | .box{ 3 | width:50vmax; 4 | height:50vh; 5 | border:2px solid black; 6 | } -------------------------------------------------------------------------------- /cssdemo.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 |

logic first

12 |
13 | 19 |
20 |
21 |

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

22 |
23 | View Courses 24 | References 25 | 26 | 27 | 28 | -------------------------------------------------------------------------------- /cssdemo2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

Programming Courses

13 | 19 | 20 |

Front End

21 |
    22 |
  1. HTML
    2. 23 |
  2. CSS
    3. 24 |
  3. JavaScript
    4. 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 |
ItemPrice
SamosaRs. 28
Veg RollRs. 35
VadaRs. 25
DosaRs. 95
PooriRs. 90
MealsRs. 180
61 | 62 | 63 | 64 | -------------------------------------------------------------------------------- /flexdemo.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Document 9 | 10 | 11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptate eum dolorem fuga vel, atque vitae dolor ad molestiae repudiandae laboriosam aperiam illum sapiente consectetur temporibus. Natus dolorum pariatur, voluptatem ipsa, vel minus quas consequuntur ipsum obcaecati id incidunt nam rerum expedita quos aliquid officia sequi quisquam doloremque eum. Fuga alias voluptatibus modi recusandae voluptas sequi, corporis dolorum sint fugit minus omnis, est, labore assumenda. Exercitationem, illo? Ab autem esse eaque ut repellat fugiat laborum dignissimos a quidem? Dignissimos, ab optio ea aut ad excepturi itaque animi, sit quis rerum veniam quisquam in, provident numquam! Minus, unde? Quidem atque reiciendis explicabo.

19 |

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Dolores veritatis minus blanditiis eum qui odit officia voluptatem, voluptatibus nostrum ad, nihil velit voluptatum vero quibusdam. Quis eaque, quod praesentium maiores animi dolorum blanditiis, sed pariatur ipsa impedit corrupti temporibus ab eligendi dolores sit vero voluptatibus et, saepe delectus beatae. Nobis reprehenderit pariatur aliquid ullam sequi iste, laboriosam aperiam, atque doloremque ipsum aut voluptatibus reiciendis id explicabo voluptatum quisquam eligendi alias repellendus quam facilis dolore hic numquam. Nemo voluptatem excepturi quisquam!

20 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Odit labore asperiores praesentium a, veritatis natus esse aut delectus molestiae, id excepturi sint dignissimos fugiat eligendi distinctio dolores nihil, numquam enim autem? Aut omnis placeat odit ex voluptates? Ullam, quisquam quibusdam! Error earum quae reprehenderit fugit sint nulla officiis et atque illo. Corporis nam eos dicta aliquam quidem debitis obcaecati atque odit tempora consectetur, architecto rem facere placeat recusandae consequuntur autem libero non vel. Laudantium distinctio fuga tempore quidem, eos ea quos placeat debitis suscipit. Magnam iusto fugit alias impedit dolorem distinctio repudiandae! Quaerat iusto fugit explicabo illum sunt blanditiis ab qui inventore cumque error culpa eveniet magni suscipit quam exercitationem ratione reprehenderit doloremque dolores a, odit autem officiis reiciendis esse.

21 |
22 | 23 | -------------------------------------------------------------------------------- /floatdemo.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Document 9 | 10 | 11 |
12 |

one Lorem ipsum dolor, sit amet consectetur adipisicing elit. Veritatis quo, fugit, eligendi aperiam, voluptatem ut laboriosam iste vitae commodi maxime distinctio saepe non. Dolores quaerat at beatae, saepe libero obcaecati vitae enim? Quam iusto illum odit officiis possimus aperiam consectetur ducimus accusantium porro! Praesentium voluptas culpa molestias, commodi omnis aspernatur maiores libero atque nemo iste minus provident ut laborum alias voluptates perferendis voluptatem nisi dolorem, ducimus suscipit tenetur! Error, dolorem? Similique dolores, porro doloribus inventore reprehenderit rem odio, repellat odit autem aut accusamus culpa, ratione deserunt sequi beatae at? Labore delectus fugiat unde perspiciatis repellendus voluptatibus minima temporibus odit maxime!

13 |

two Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptas, obcaecati ratione eaque id laborum iste magnam vel dolor recusandae rem, quos ea aliquam dignissimos fugiat reprehenderit neque impedit sed. Molestias dolorem, facere iure consequatur beatae a molestiae voluptate velit. Molestiae quibusdam consequuntur praesentium temporibus dolorem, tenetur voluptatibus vitae facilis molestias facere. Minima similique explicabo eveniet soluta cupiditate odit? Inventore perspiciatis officiis dignissimos ipsam saepe totam et animi expedita architecto porro laudantium repudiandae mollitia tempora ad odio consequatur, suscipit velit magnam adipisci iste aliquid temporibus. Vitae aspernatur in, laudantium voluptas saepe soluta possimus aliquid laboriosam? Deleniti minima a voluptatibus velit est.

14 |

three Lorem, ipsum dolor sit amet consectetur adipisicing elit. Dolore dolorum possimus officiis aspernatur cupiditate quidem, tempore veritatis iure perferendis hic itaque aliquam doloribus amet ipsum debitis. Asperiores illum odit voluptatum aut et qui consequatur, odio quos alias rem ut accusantium fugit. Quod totam voluptatibus quis quidem dolor illum, ea soluta mollitia magnam ipsam fuga, error quos officia corrupti tenetur dolorem alias ad quas numquam suscipit quibusdam vel id dolores. Minima vero aliquam ut repellendus sit at sed quibusdam quaerat repellat voluptates! Labore neque quos quae minima ut qui repudiandae libero eveniet maiores provident. Amet sint odio obcaecati, voluptatibus tenetur at.

15 |

four Lorem ipsum dolor, sit amet consectetur adipisicing elit. Voluptates odio, ab nostrum ullam at quaerat odit repellat fugit corporis error itaque expedita dicta! Nisi eum laborum sed aliquam quidem doloribus asperiores, dolorum, rerum, reprehenderit consequatur aliquid excepturi cupiditate. Voluptate neque commodi in cupiditate, non ex eligendi tempora rerum esse minus suscipit nostrum blanditiis quidem similique, magni molestias eveniet illum at quos beatae laboriosam eaque quo corporis vel? Atque eum incidunt iure quo itaque! Doloremque neque eius atque, vero distinctio necessitatibus non soluta placeat similique eligendi nostrum modi, tempora, debitis quod perspiciatis culpa temporibus voluptate tempore omnis dolor. Asperiores, praesentium sed.

16 |
17 | 18 | -------------------------------------------------------------------------------- /formdemo.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 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 | 56 |
57 |
58 | 59 | 60 |
61 | 62 | 63 | 64 | 65 | 66 |
67 | 68 | -------------------------------------------------------------------------------- /gradientdemo.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Document 9 | 10 | 11 |
12 | 13 |
14 | 15 | -------------------------------------------------------------------------------- /griddemo.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Document 9 | 10 | 11 |
12 |
Header
13 |
Sidebar1
14 |
Main Content
15 |
Sidebar2
16 |
footer
17 |
18 |
19 |
1
20 |
2
21 |
3
22 |
4
23 |
5
24 |
6
25 |
7
26 |
8
27 |
9
28 |
10
29 |
11
30 |
31 |
32 |
33 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolor dolore similique fugiat repudiandae accusamus aperiam.

34 |
35 |
36 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolor dolore similique fugiat repudiandae accusamus aperiam.

37 |
38 |
39 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolor dolore similique fugiat repudiandae accusamus aperiam.

40 |
41 |
42 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolor dolore similique fugiat repudiandae accusamus aperiam.

43 |
44 |
45 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolor dolore similique fugiat repudiandae accusamus aperiam.

46 |
47 |
48 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolor dolore similique fugiat repudiandae accusamus aperiam.

49 |
50 |
51 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolor dolore similique fugiat repudiandae accusamus aperiam.

52 |
53 |
54 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolor dolore similique fugiat repudiandae accusamus aperiam.

55 |
56 |
57 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolor dolore similique fugiat repudiandae accusamus aperiam.

58 |
59 |
60 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolor dolore similique fugiat repudiandae accusamus aperiam.

61 |
62 |
63 | 64 | 65 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 | 11 |

Logic First Tamil

12 |

Heading 2

13 |

Heading 3

14 |

Heading 4

15 |
Heading 5
16 |
Heading 6
17 |

This is a paragraph

18 |
19 |

Have any questions? Contact us

20 |
21 |

a2

22 |

h2o

23 |

24 | hello,
25 | I am a software developer. 26 |

27 |

28 |

Consult your doctor
29 | Do not try this at home 30 |

31 |

32 | The ability to observe without evaluating is the highest form of intelligence 33 | - Jiddu Krishnamurti 34 |

35 | ISRO
36 | The future of the mind by Michio Kaku
37 | Democracy is a system of government by the whole population or all the eligible members of a state, typically through elected representatives.
38 |
abc@gmail.com
39 |

$599now $400

40 | Old number 999887767 41 |

42 |

List of Ingredients

43 | 48 |

Camping CheckList

49 |
    50 | 51 |
  1. Tent
    2. 52 |
  2. Sleeping bag
    3. 53 |
  3. Flashlight
    4. 54 |
  4. Food items
    5. 55 | 59 |
60 |
61 |

Types of Triangles

62 |
63 |
Equilateral Triangle
64 |
A triangle is considered to be an equilateral triangle when all three sides have the same length
65 |
Isosceles triangle
66 |
When two sides of a triangle are equal or congruent, then it is called an isosceles triangle
67 |
Scalene triangle
68 |
When none of the sides of a triangle are equal, it is called a scalene triangle.
69 |
70 |
71 |

©

72 | 73 | 74 | 76 | 81 | 85 | 86 | 87 | -------------------------------------------------------------------------------- /media/bg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LogicFirstTamil/HTML-and-CSS-Course/3b9a99380466c1b22deeed314217b65f75dce35c/media/bg.jpg -------------------------------------------------------------------------------- /media/bg2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LogicFirstTamil/HTML-and-CSS-Course/3b9a99380466c1b22deeed314217b65f75dce35c/media/bg2.jpg -------------------------------------------------------------------------------- /media/bg3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LogicFirstTamil/HTML-and-CSS-Course/3b9a99380466c1b22deeed314217b65f75dce35c/media/bg3.jpg -------------------------------------------------------------------------------- /media/bg4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LogicFirstTamil/HTML-and-CSS-Course/3b9a99380466c1b22deeed314217b65f75dce35c/media/bg4.jpg -------------------------------------------------------------------------------- /media/bg5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LogicFirstTamil/HTML-and-CSS-Course/3b9a99380466c1b22deeed314217b65f75dce35c/media/bg5.jpg -------------------------------------------------------------------------------- /media/bg6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LogicFirstTamil/HTML-and-CSS-Course/3b9a99380466c1b22deeed314217b65f75dce35c/media/bg6.jpg -------------------------------------------------------------------------------- /media/border.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LogicFirstTamil/HTML-and-CSS-Course/3b9a99380466c1b22deeed314217b65f75dce35c/media/border.gif -------------------------------------------------------------------------------- /media/border.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LogicFirstTamil/HTML-and-CSS-Course/3b9a99380466c1b22deeed314217b65f75dce35c/media/border.png -------------------------------------------------------------------------------- /media/bowl.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /media/bowl_color.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /media/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LogicFirstTamil/HTML-and-CSS-Course/3b9a99380466c1b22deeed314217b65f75dce35c/media/favicon.ico -------------------------------------------------------------------------------- /media/favicon_io (1).zip: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LogicFirstTamil/HTML-and-CSS-Course/3b9a99380466c1b22deeed314217b65f75dce35c/media/favicon_io (1).zip -------------------------------------------------------------------------------- /media/favicon_io.zip: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LogicFirstTamil/HTML-and-CSS-Course/3b9a99380466c1b22deeed314217b65f75dce35c/media/favicon_io.zip -------------------------------------------------------------------------------- /media/restbg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LogicFirstTamil/HTML-and-CSS-Course/3b9a99380466c1b22deeed314217b65f75dce35c/media/restbg.jpg -------------------------------------------------------------------------------- /media/song.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LogicFirstTamil/HTML-and-CSS-Course/3b9a99380466c1b22deeed314217b65f75dce35c/media/song.mp3 -------------------------------------------------------------------------------- /media/star.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LogicFirstTamil/HTML-and-CSS-Course/3b9a99380466c1b22deeed314217b65f75dce35c/media/star.gif -------------------------------------------------------------------------------- /mediademo.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Document 9 | 10 | 11 |
12 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptate eum dolorem fuga vel, atque vitae dolor ad molestiae repudiandae laboriosam aperiam illum sapiente consectetur temporibus. Natus dolorum pariatur, voluptatem ipsa, vel minus quas consequuntur ipsum obcaecati id incidunt nam rerum expedita quos aliquid officia sequi quisquam doloremque eum. Fuga alias voluptatibus modi recusandae voluptas sequi, corporis dolorum sint fugit minus omnis, est, labore assumenda. Exercitationem, illo? Ab autem esse eaque ut repellat fugiat laborum dignissimos a quidem? Dignissimos, ab optio ea aut ad excepturi itaque animi, sit quis rerum veniam quisquam in, provident numquam! Minus, unde? Quidem atque reiciendis explicabo.

13 |

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Dolores veritatis minus blanditiis eum qui odit officia voluptatem, voluptatibus nostrum ad, nihil velit voluptatum vero quibusdam. Quis eaque, quod praesentium maiores animi dolorum blanditiis, sed pariatur ipsa impedit corrupti temporibus ab eligendi dolores sit vero voluptatibus et, saepe delectus beatae. Nobis reprehenderit pariatur aliquid ullam sequi iste, laboriosam aperiam, atque doloremque ipsum aut voluptatibus reiciendis id explicabo voluptatum quisquam eligendi alias repellendus quam facilis dolore hic numquam. Nemo voluptatem excepturi quisquam!

14 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Odit labore asperiores praesentium a, veritatis natus esse aut delectus molestiae, id excepturi sint dignissimos fugiat eligendi distinctio dolores nihil, numquam enim autem? Aut omnis placeat odit ex voluptates? Ullam, quisquam quibusdam! Error earum quae reprehenderit fugit sint nulla officiis et atque illo. Corporis nam eos dicta aliquam quidem debitis obcaecati atque odit tempora consectetur, architecto rem facere placeat recusandae consequuntur autem libero non vel. Laudantium distinctio fuga tempore quidem, eos ea quos placeat debitis suscipit. Magnam iusto fugit alias impedit dolorem distinctio repudiandae! Quaerat iusto fugit explicabo illum sunt blanditiis ab qui inventore cumque error culpa eveniet magni suscipit quam exercitationem ratione reprehenderit doloremque dolores a, odit autem officiis reiciendis esse.

15 |
16 | 17 | -------------------------------------------------------------------------------- /metademo.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | MetaDemo 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /positiondemo.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Document 9 | 10 | 11 | 12 | 13 |
14 |

Logic First

15 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Cum, modi labore voluptate consectetur veniam eius at ex provident doloremque voluptates.

16 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Cumque, sapiente incidunt. Natus quis, optio amet rem quos numquam assumenda adipisci ipsam dolore voluptatem dolorum fugiat voluptatibus veniam totam cupiditate veritatis expedita? Iure laudantium odit iusto eaque! Ab facilis quaerat illo esse suscipit ducimus in voluptate natus. Assumenda qui commodi corrupti nisi quaerat optio quas possimus tempore architecto cupiditate voluptatibus quod praesentium veritatis alias illum, quisquam consequuntur! Sit eius ad dolore consequatur iusto corrupti cum quis molestiae quos illum eligendi consectetur, itaque, praesentium labore odit, fugiat quia error optio. Similique a eveniet laboriosam quo pariatur dignissimos quod impedit ipsam libero recusandae!

17 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Cum, modi labore voluptate consectetur veniam eius at ex provident doloremque voluptates.

18 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Cumque, sapiente incidunt. Natus quis, optio amet rem quos numquam assumenda adipisci ipsam dolore voluptatem dolorum fugiat voluptatibus veniam totam cupiditate veritatis expedita? Iure laudantium odit iusto eaque! Ab facilis quaerat illo esse suscipit ducimus in voluptate natus. Assumenda qui commodi corrupti nisi quaerat optio quas possimus tempore architecto cupiditate voluptatibus quod praesentium veritatis alias illum, quisquam consequuntur! Sit eius ad dolore consequatur iusto corrupti cum quis molestiae quos illum eligendi consectetur, itaque, praesentium labore odit, fugiat quia error optio. Similique a eveniet laboriosam quo pariatur dignissimos quod impedit ipsam libero recusandae!

19 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Cum, modi labore voluptate consectetur veniam eius at ex provident doloremque voluptates.

20 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Cumque, sapiente incidunt. Natus quis, optio amet rem quos numquam assumenda adipisci ipsam dolore voluptatem dolorum fugiat voluptatibus veniam totam cupiditate veritatis expedita? Iure laudantium odit iusto eaque! Ab facilis quaerat illo esse suscipit ducimus in voluptate natus. Assumenda qui commodi corrupti nisi quaerat optio quas possimus tempore architecto cupiditate voluptatibus quod praesentium veritatis alias illum, quisquam consequuntur! Sit eius ad dolore consequatur iusto corrupti cum quis molestiae quos illum eligendi consectetur, itaque, praesentium labore odit, fugiat quia error optio. Similique a eveniet laboriosam quo pariatur dignissimos quod impedit ipsam libero recusandae!

21 | 22 |
23 |
24 |
25 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quo ad non enim nisi corporis corrupti minus recusandae itaque dolore totam laborum, fuga repellendus accusamus modi odio odit doloribus officia iure temporibus vitae sequi cupiditate alias molestiae dolorem! Aliquam qui nesciunt voluptate ipsa similique, dolor quod? Libero soluta velit quasi eos. Deserunt, aliquam distinctio nemo ut officia asperiores itaque incidunt quisquam ipsum nisi, soluta corrupti exercitationem fuga ducimus ad sed animi aut eos temporibus! Non autem dolore eveniet ut! Molestiae, architecto.

26 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Cum, modi labore voluptate consectetur veniam eius at ex provident doloremque voluptates.

27 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Cumque, sapiente incidunt. Natus quis, optio amet rem quos numquam assumenda adipisci ipsam dolore voluptatem dolorum fugiat voluptatibus veniam totam cupiditate veritatis expedita? Iure laudantium odit iusto eaque! Ab facilis quaerat illo esse suscipit ducimus in voluptate natus. Assumenda qui commodi corrupti nisi quaerat optio quas possimus tempore architecto cupiditate voluptatibus quod praesentium veritatis alias illum, quisquam consequuntur! Sit eius ad dolore consequatur iusto corrupti cum quis molestiae quos illum eligendi consectetur, itaque, praesentium labore odit, fugiat quia error optio. Similique a eveniet laboriosam quo pariatur dignissimos quod impedit ipsam libero recusandae!

28 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quo ad non enim nisi corporis corrupti minus recusandae itaque dolore totam laborum, fuga repellendus accusamus modi odio odit doloribus officia iure temporibus vitae sequi cupiditate alias molestiae dolorem! Aliquam qui nesciunt voluptate ipsa similique, dolor quod? Libero soluta velit quasi eos. Deserunt, aliquam distinctio nemo ut officia asperiores itaque incidunt quisquam ipsum nisi, soluta corrupti exercitationem fuga ducimus ad sed animi aut eos temporibus! Non autem dolore eveniet ut! Molestiae, architecto.

29 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Cum, modi labore voluptate consectetur veniam eius at ex provident doloremque voluptates.

30 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Cumque, sapiente incidunt. Natus quis, optio amet rem quos numquam assumenda adipisci ipsam dolore voluptatem dolorum fugiat voluptatibus veniam totam cupiditate veritatis expedita? Iure laudantium odit iusto eaque! Ab facilis quaerat illo esse suscipit ducimus in voluptate natus. Assumenda qui commodi corrupti nisi quaerat optio quas possimus tempore architecto cupiditate voluptatibus quod praesentium veritatis alias illum, quisquam consequuntur! Sit eius ad dolore consequatur iusto corrupti cum quis molestiae quos illum eligendi consectetur, itaque, praesentium labore odit, fugiat quia error optio. Similique a eveniet laboriosam quo pariatur dignissimos quod impedit ipsam libero recusandae!

31 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quo ad non enim nisi corporis corrupti minus recusandae itaque dolore totam laborum, fuga repellendus accusamus modi odio odit doloribus officia iure temporibus vitae sequi cupiditate alias molestiae dolorem! Aliquam qui nesciunt voluptate ipsa similique, dolor quod? Libero soluta velit quasi eos. Deserunt, aliquam distinctio nemo ut officia asperiores itaque incidunt quisquam ipsum nisi, soluta corrupti exercitationem fuga ducimus ad sed animi aut eos temporibus! Non autem dolore eveniet ut! Molestiae, architecto.

32 | 33 |
34 | 35 | -------------------------------------------------------------------------------- /restaurant.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | Spicy Hut - Restaurant in Chennai 11 | 12 | 13 |
14 |
15 | 16 | 20 |
21 | 22 |
23 |
24 | Finest Treat for Your Taste Buds 25 |
26 |
27 | Freshest Ingredients Guranteed 28 |
29 |
30 | Call us @+91 1234567890 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 |
Starters
Paneer Tikka₹ 180
Gobi 65₹ 165
Veg Pakoda₹ 160
Mirchi Bajji₹ 155
Chilli Gobi₹ 170
Baby Corn Manchurian₹ 185
Chilli Paneer₹ 190
69 |
70 |
71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | 93 | 94 | 95 | 96 | 97 | 98 | 99 | 100 | 101 | 102 | 103 | 104 | 105 | 106 | 107 | 108 | 109 | 110 | 111 | 112 | 113 | 114 | 115 | 116 | 117 |
Main Course
Veg Fried Rice₹ 340
Schezwan Fried Rice₹ 350
Veg Biriyani₹ 370
Paneer Biriyani₹ 390
Mushroom Biriyani₹ 385
Veg Noodels₹ 360
Schezwan Noodles₹ 370
Veg Pulav₹ 340
Kashmiri Pulav₹ 370
Sambar Rice₹ 280
Curd Rice₹ 210
118 |
119 |
120 | 121 | 122 | 123 | 124 | 125 | 126 | 127 | 128 | 129 | 130 | 131 | 132 | 133 | 134 | 135 | 136 | 137 | 138 | 139 | 140 | 141 | 142 | 143 | 144 | 145 | 146 | 147 | 148 | 149 | 150 |
Chats
Samosa₹ 120
Pani Poori₹ 170
Masala Puri₹ 160
Pav Baaji₹ 155
Bhel Puri₹ 160
vada pav₹ 165
Raj Kachori - Best Seller₹ 190
151 |
152 |
153 |

Locations

154 |
155 |
156 |

Anna Nagar

157 |
158 | 15, 10th Main Road
159 | Anna Nagar,
160 | Chennai - 600102 161 |
162 |
163 |
164 |

Velachery

165 |
166 | 5, 3rd Cross Road,
167 | Vijaya Nagar,
168 | Velachery,
169 | Chennai - 600042 170 |
171 |
172 |
173 |

Tambaram

174 |
175 | 145, MIT Road,
176 | Tambaram,
177 | Chennai - 600045 178 |
179 |
180 |
181 | 182 | 192 | 193 | -------------------------------------------------------------------------------- /signup.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Document 9 | 10 | 11 |
12 |

Sign Up

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 | -------------------------------------------------------------------------------- /signupresult.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Sign Up 8 | 9 | 10 |

Welcome to our site

11 |

Check and confirm your email.

12 | 13 | -------------------------------------------------------------------------------- /submit.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LogicFirstTamil/HTML-and-CSS-Course/3b9a99380466c1b22deeed314217b65f75dce35c/submit.jpg -------------------------------------------------------------------------------- /unitsdemo.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 |
12 | 13 |
14 | 15 | -------------------------------------------------------------------------------- /webfonts/fa-brands-400.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LogicFirstTamil/HTML-and-CSS-Course/3b9a99380466c1b22deeed314217b65f75dce35c/webfonts/fa-brands-400.ttf -------------------------------------------------------------------------------- /webfonts/fa-brands-400.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LogicFirstTamil/HTML-and-CSS-Course/3b9a99380466c1b22deeed314217b65f75dce35c/webfonts/fa-brands-400.woff2 -------------------------------------------------------------------------------- /webfonts/fa-regular-400.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LogicFirstTamil/HTML-and-CSS-Course/3b9a99380466c1b22deeed314217b65f75dce35c/webfonts/fa-regular-400.ttf -------------------------------------------------------------------------------- /webfonts/fa-regular-400.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LogicFirstTamil/HTML-and-CSS-Course/3b9a99380466c1b22deeed314217b65f75dce35c/webfonts/fa-regular-400.woff2 -------------------------------------------------------------------------------- /webfonts/fa-solid-900.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LogicFirstTamil/HTML-and-CSS-Course/3b9a99380466c1b22deeed314217b65f75dce35c/webfonts/fa-solid-900.ttf -------------------------------------------------------------------------------- /webfonts/fa-solid-900.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LogicFirstTamil/HTML-and-CSS-Course/3b9a99380466c1b22deeed314217b65f75dce35c/webfonts/fa-solid-900.woff2 -------------------------------------------------------------------------------- /webfonts/fa-v4compatibility.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LogicFirstTamil/HTML-and-CSS-Course/3b9a99380466c1b22deeed314217b65f75dce35c/webfonts/fa-v4compatibility.ttf -------------------------------------------------------------------------------- /webfonts/fa-v4compatibility.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LogicFirstTamil/HTML-and-CSS-Course/3b9a99380466c1b22deeed314217b65f75dce35c/webfonts/fa-v4compatibility.woff2 --------------------------------------------------------------------------------