diff --git a/Chat_box.html b/Chat_box.html new file mode 100644 index 0000000..2666740 --- /dev/null +++ b/Chat_box.html @@ -0,0 +1,101 @@ + + + + + Paolobot + + + + + + + + +
+
+
+
+
+
+

PaoloBot

+
+
+
+
+
+
+
+
+

July 14, 2018 12:23 PM

+
+
+
+
+
+ + Avatar + +
+

paoloBot +

+

Hi, it is a pleasure to meet you Wale, I'm here to help you with your learning path

+
+
+
+
+
+
+
+
+ + + +
+

Wale Smith +

+

Awesome, this what exactly what I need.

+

Please help make it happen

+
+
+
+
+
+
+
+
+ + + Avatar + +
+

paoloBot +

+

Sure it is why I am here, lets start.

+
+
+
+
+
+
+
+
+
+
+ +
+
+ +
+
+
+
+
+
+
+ +
+
+ + + + \ No newline at end of file diff --git a/css/style.css b/css/style.css new file mode 100644 index 0000000..02af009 --- /dev/null +++ b/css/style.css @@ -0,0 +1,58 @@ + +.portlet { + margin-bottom: 15px; +} + +.portlet { + border: 1px solid; +} + +.portlet .portlet-heading { + padding: 0 15px; +} + +.portlet .portlet-heading h4 { + padding: 1px 0; + font-size: 16px; +} + +.portlet .portlet-heading .portlet-title { + float: left; +} + +.portlet .portlet-heading .portlet-title h4 { + margin: 10px 0; +} + +.portlet .portlet-body { + padding: 15px; + background: #fff; +} + +.portlet .portlet-footer { + padding: 10px 15px; + background: #424B50; +} + +.portlet .portlet-footer ul { + margin: 0; +} + +.portlet-default>.portlet-heading, +.portlet-dark-blue>.portlet-heading { + color: #fff; + background-color: #E05045; +} + +@media(min-width:768px) { + .portlet { + margin-bottom: 30px; + } +} + +.avatar { + vertical-align: middle; + width: 30px; + height: 30px; + border-radius: 50%; +} \ No newline at end of file diff --git a/img/g4630.png b/img/g4630.png new file mode 100644 index 0000000..ecb1527 Binary files /dev/null and b/img/g4630.png differ