mirror of
https://github.com/MoizAhmedd/youtube-video-search.git
synced 2021-07-26 20:45:06 +03:00
37 lines
1.9 KiB
HTML
37 lines
1.9 KiB
HTML
<div style="display: flex; background: white; border: 1px solid rgb(204, 204, 204); width: 50%; justify-content: space-between; height: 50px;">
|
||
<input name="query" type="text" style="border: none; height: 50px; font-size: 16px; width: 240px;">
|
||
<p id="wordCounter">0 of 0</p>
|
||
<div style="border-left: 1px solid black;">
|
||
</div>
|
||
<div style="display: flex;">
|
||
<p style="padding-left: 5px; padding-right: 5px;">∧</p>
|
||
<p style="padding-left: 5px; padding-right: 5px;">∨</p>
|
||
</div>
|
||
<p style="margin-top: 10px;">❌</p>
|
||
</div>
|
||
|
||
<div style="position: absolute;width: 300px;height: 40px;background: #DADADA;border-radius: 5px;display:flex;justify-content: space-between;">
|
||
<input style = "margin:1%;height:30px;border:none;background: #DADADA;" />
|
||
<p style = "margin:0;line-height:40px;color:#2c2c2c;" id="wordCounter">0 of 0</p>
|
||
<div style="border-left: 1px solid #2c2c2c;">
|
||
</div>
|
||
<div style="display: flex;">
|
||
<p style="padding-left: 5px; padding-right: 5px;margin:0;line-height:40px;color:#2c2c2c;">∧</p>
|
||
<p style="padding-left: 5px; padding-right: 5px;margin:0;line-height: 40px;color:#2c2c2c;">∨</p>
|
||
</div>
|
||
<p style="margin:0;line-height: 40px;padding-right:5px;font-size:1.5em;color:#2c2c2c;">×</p>
|
||
</div>
|
||
|
||
|
||
|
||
<div style="margin-top:100px;position: absolute;width: 300px;height: 40px;background: #2c2c2c;border-radius: 5px;display:flex;justify-content: space-between;">
|
||
<input style = "margin:1%;height:30px;border:none;background: #2c2c2c;color:white;" />
|
||
<p style = "margin:0;line-height:40px;color:#DADADA;" id="wordCounter">0 of 0</p>
|
||
<div style="border-left: 1px solid #DADADA;">
|
||
</div>
|
||
<div style="display: flex;">
|
||
<p style="padding-left: 5px; padding-right: 5px;margin:0;line-height:40px;color:#DADADA;">∧</p>
|
||
<p style="padding-left: 5px; padding-right: 5px;margin:0;line-height: 40px;color:#DADADA;">∨</p>
|
||
</div>
|
||
<p style="margin:0;line-height: 40px;padding-right:5px;font-size:1.5em;color:#DADADA;">×</p>
|
||
</div> |