Add files via upload

Tuyisenge2 · Feb 12, 2024 · 8056b11 · 8056b11
commit 8056b11
Show file tree

Hide file tree

Showing 88 changed files with 1,450 additions and 0 deletions.
diff --git a/whatsapp login/index.html b/whatsapp login/index.html
@@ -0,0 +1,393 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width= device-width, initial-scale=1.0">
+    <title>Document</title>
+    <link rel="stylesheet" href="style.css">
+</head>
+<body>
+
+<div class="main">
+
+<div class="main-title">
+<div class="main-left-title">
+<img src="pics/menu bars/apple.svg" alt="">
+<p>whatsapp</p>
+<p>File</p>
+<p>Edit</p>
+<p>View</p>
+<p>Go</p>
+<p>window</p>
+<p>Help</p>
+</div>
+<div class="main-right-section">
+<img src="pics/menu bars/Menu Bar Icons.svg" alt="">
+<img src="pics/menu bars/Menu Bar Icons (1).svg" alt="">
+<img src="pics/menu bars/Menu Bar Icons (2).svg" alt="">
+<img src="pics/menu bars/Menu Bar Icons (3).svg" alt="">
+
+<p>thu 24 oct</p>
+<p>16:24</p>
+
+</div>
+</div>
+
+<div class="sub-main">
+
+<div class="left-section">
+
+<div class="chat-bar">
+
+<div class="chat-bar1">
+<img src="pics/chat tiltle/Traffic Lights.svg" alt="">
+</div>
+
+<div class="chat-bar2">
+    <img src="pics/chat tiltle/compose 1.svg" alt="">
+    </div>
+    <div class="chat-bar3">
+      <img src="pics/chat tiltle/Arrow - Down 2.svg" alt="">
+
+    </div>
+
+</div>
+<div class="chat-section">
+
+<div class="chat-tools">
+  <div class="chat-tools-upper">
+  <div class="chat-tools-ins1">
+    <div class="chats-box">
+        <div class="chats-number"><p>6</p></div>
+<img src="pics/desktop left bar/Group 1735.svg"  alt="">
+</div>
+<p>Chat</p>
+  </div>
+  <div class="chat-tools-ins2">
+<img src="pics/desktop left bar/Group 1939.svg" alt="">
+<p>Updates</p>  
+</div>
+  <div class="chat-tools-ins3">
+
+<img src="pics/desktop left bar/group 1.svg" alt="">
+<p>Commun...</p>
+</div>
+  <div class="chat-tools-ins4">
+<img src="pics/desktop left bar/call.svg" alt="">
+<p>Calls</p>
+    </div>
+   <div class="chat-tools-ins5">
+<img src="pics/desktop left bar/Group 1940.svg" alt="">
+
+<p>Channels</p></div>
+</div>
+<div class="chat-tools-lower">
+ <div class="chat-tools-lower1">
+  <img src="pics/desktop left bar/help_outline.svg" alt="">
+</div>
+ <div class="chat-tools-lower2">
+  <img src="pics/desktop left bar/Rectangle 2029.png" alt="">
+ <div class="chat-tools-lower3">   <img src="pics/desktop left bar/left section/Ellipse 140.svg" alt=""></div>   
+</div>
+
+
+</div>
+</div>
+<div class="chat-people">
+    <div class="chat-search">
+      <div class="chat-search-inside">
+      <img  src="pics/chat names/icon.svg"  class="chat-search-icon" alt="">
+      <p>Search or start a new chat</p>
+      <img src="pics/chat names/Vector.svg"  class="chat-search-vector" alt="">
+    </div>
+  </div>
+  <div class="chat-inbox">
+
+<div class="inner-chat-box">
+  <div class="chat-profile"><img src="pics/chat names/Frame 1938(1).png"> </div>
+
+  <div class="chatter-names">
+
+  <div class="receiver-names">
+  <label id="Claire">Claire</label>
+  <label class="sms-time" >05:14 pm</label>
+</div>
+  <div class="receiver-online">
+    <label id="sms">haha oh man</label>
+    <img src="pics/chat names/Vector(1).svg" class="pin" alt="">
+  </div>
+</div> </div> 
+
+<div class="inner-chat-box">
+  <div class="chat-profile">
+    <img src="pics/chat names/Frame 1938(2).png"> 
+  </div>
+
+  <div class="chatter-names">
+
+    <div class="receiver-names">
+    <label id="Claire">Joe</label>
+    <label id="sms-time-joe" >07:44 am</label>
+
+  </div>
+    <div class="receiver-online">
+      <label id="sms">Haha that's terrifying 😂</label>
+      <img src="pics/chat names/Vector(2).svg" class="bluetick" alt="">
+    </div>
+  </div></div>
+
+  <div class="inner-chat-box">
+    <div class="chat-profile">
+      <img src="pics/chat names/Frame 1938.png"> 
+    </div>
+
+    <div class="chatter-names">
+
+      <div class="receiver-names">
+      <label id="Claire">Optimus prime</label>
+      <label id="sms-time-Optimus" >11:44 am</label>
+
+    </div>
+      <div class="receiver-online">
+        <label id="sms">My name is Optimus prime 🤖</label>
+        <p id="unRead5">5+</p>
+        <img src="pics/chat names/Ellipse 125(3).svg" class="greenIcon" alt="">
+      </div>
+    </div></div>
+
+    <div class="inner-chat-box">
+      <div class="chat-profile">
+        <img src="pics/chat names/Frame 1938(4).png"> 
+      </div>
+
+      <div class="chatter-names">
+
+        <div class="receiver-names">
+        <label id="Claire">Progate Rwanda Deve...</label>
+        <label id="sms-time-Prog" >07:34 am</label>
+
+      </div>
+        <div class="receiver-online">
+          <label id="sms">~Theotime: This is amazing...</label>
+          <p id="unRead1-prog">1</p>
+          <img src="pics/chat names/Ellipse 125(3).svg" class="greenIcon-prog" alt="">
+        </div>
+      </div></div>
+
+      <div class="inner-chat-box">
+        <div class="chat-profile">
+          <img src="pics/chat names/Frame 1938(5).png"> 
+        </div>
+
+        <div class="chatter-names">
+
+          <div class="receiver-names">
+          <label id="Claire">yvess</label>
+          <label id="sms-time-yves" >07:34 am</label>
+
+        </div>
+          <div class="receiver-online">
+            <label id="sms">Bro, that’s so sick ⚡️</label>
+            <p id="unRead1-yves">1</p>
+            <img src="pics/chat names/Ellipse 125(3).svg" class="greenIcon-yves" alt="">
+          </div>
+        </div></div>
+        <div class="inner-chat-box">
+          <div class="chat-profile">
+            <img src="pics/chat names/Frame 1938(6).png"> 
+          </div>
+
+          <div class="chatter-names">
+
+            <div class="receiver-names">
+            <label id="Claire">Mucyo</label>
+            <label id="sms-time-mucyo" >07:34 am</label>
+
+          </div>
+            <div class="receiver-online">
+              <label id="sms">The new update is live 🚀</label>
+              <p id="unRead1-mucyo">1</p>
+              <img src="pics/chat names/Ellipse 125(3).svg" class="greenIcon-mucyo" alt="">
+            </div>
+          </div></div>
+
+          <div class="inner-chat-box">
+            <div class="chat-profile">
+              <img src="pics/chat names/Frame 1938(7).png"> 
+            </div>
+
+            <div class="chatter-names">
+
+              <div class="receiver-names">
+              <label id="Claire">Joy</label>
+              <label id="sms-time-joy" >07:34 am</label>
+
+            </div>
+              <div class="receiver-online">
+                <label id="sms">Haha that's terrifying 😂</label>
+                <p id="unRead1-joy">1</p>
+                <img src="pics/chat names/Ellipse 125(3).svg" class="greenIcon-joy" alt="">
+              </div>
+            </div></div>
+
+
+          <div class="inner-chat-box">
+            <div class="chat-profile">
+              <img src="pics/chat names/Frame 1938(6).png"> 
+            </div>
+
+            <div class="chatter-names">
+
+              <div class="receiver-names">
+              <label id="Claire">Elvin</label>
+              <label id="sms-time-elvin" >07:34 am</label>
+
+            </div>
+              <div class="receiver-online">
+                <label id="sms">Haha that's terrifying 😂</label>
+                <p id="unRead1-joy">1</p>
+                <img src="pics/chat names/Ellipse 125(3).svg" class="greenIcon-joy" alt="">
+              </div>
+            </div></div>
+
+
+
+    </div>
+
+
+
+  </div>
+
+
+
+</div>  
+
+</div>
+
+<div class="right-section">
+  <div class="right-header">
+    <div class="regispic"> 
+      <img src="pics/right sectiion/Frame 1938.png" alt="">
+    </div>
+  <div class="regisname">
+   <div class="regisname-name">
+    <h3>Regisaffi</h3>
+   </div> 
+  <div class="regisname-online">
+    <img src="pics/right sectiion/Ellipse 133.svg" alt="">
+    <p>online</p>
+  </div>
+  </div>
+  <div class="call">
+    <img src="pics/right sectiion/Video.svg" alt="">
+    <img src="pics/right sectiion/call_black_24dp (1) 1.svg" alt="">
+    <img src="pics/right sectiion/Line 329.svg" alt="">
+  <img src="pics/right sectiion/Frame 1966.svg" alt="">
+    <img src="pics/right sectiion/Arrow - Down 2.svg" alt="">
+  </div>
+  </div>
+  <div class="right-sub-header">
+    <div class="inner-right-sub-header">
+      <img src="pics/right sectiion/Vector(4).svg" alt="">
+      <p>Messages are end-to-end encrypted. No one outside of this chat, not even WhatsApp can read or listen to them click to learn more.</p>
+    </div>
+
+  </div>
+  <div class="rightmessage">
+    <div class="rightmessageReicever">
+
+<div class="today">TODAY</div>
+<div class="reply1">
+  <div class="reply1text">
+    <p>Hey brother, are you still a fan of UI design? <br>
+      Can I show you something?</p>
+  </div>
+  <div class="reply1time">
+    <p>17:20</p>
+  </div>
+
+</div>
+<div class="reply2">
+
+  <div class="reply2text">
+    <img src="pics/right sectiion/Frame(1).png" alt=""> 
+  </div>
+  <div class="reply2time">
+    <p>17:20</p>
+  </div>
+  <div class="forwarding-button">
+<img src="pics/right sectiion/Vector yumweru.svg" alt=""></div>
+
+</div>
+
+<div class="reply3">
+  <div class="reply3text">
+  <label for=""> Checkout this cool project am working on </label> 
+   <img src="pics/right sectiion/Frame(2).png" alt="">
+  </div>
+  <div class="reply3time">
+    <p>17:20</p>
+  </div>
+</div>    
+</div>
+    <div class="rightmessageSend">
+<div class="sent1">
+  <div class="sent1text">
+    Hey Regis, absolutely
+  </div>
+  <div class="sent1time">
+    <p>17:20</p>
+  </div>
+  <div class="bluetick-seen position-1">
+    <img src="pics/right sectiion/Vector(2).svg" alt="">
+  </div>
+  <div class="message-icon-cor">
+  <img src="pics/right sectiion/Vector(1).svg" alt="">
+</div>
+</div>
+<div class="sent2">
+  <div class="sent2text">
+    Looks awesome
+  </div>
+  <div class="sent1time  sent2time">
+    <p>17:20</p>
+  </div>
+<div class="bluetick-seen position-2">
+  <img src="pics/right sectiion/Vector(2).svg" alt="">
+
+</div>
+<div class="message-icon-cor2"> 
+<img src="pics/right sectiion/Vector(1).svg" alt="">
+</div>
+</div>
+    </div>
+  </div>
+
+  <div class="rightmessagebox">
+<div class="stickers">
+<img src="pics/right sectiion/Vector(5).svg" alt="">
+<img src="pics/right sectiion/Plus.svg" alt="">
+</div>
+<div class="inputMessage">
+<p>Text Messages</p>
+</div>
+<div class="record">
+  <img src="pics/right sectiion/Vector record.svg" alt="">  
+</div>
+
+
+  </div>
+
+
+</div>
+</div>
+</div>
+
+
+
+</div>
+</div>
+
+
+</body>
+</html>
diff --git a/whatsapp login/pics/calls icon/ForwadingIcon.png b/whatsapp login/pics/calls icon/ForwadingIcon.png
diff --git a/whatsapp login/pics/calls icon/audio call.png b/whatsapp login/pics/calls icon/audio call.png
diff --git a/whatsapp login/pics/calls icon/callsSearch.png b/whatsapp login/pics/calls icon/callsSearch.png
diff --git a/whatsapp login/pics/calls icon/callsdropdown.png b/whatsapp login/pics/calls icon/callsdropdown.png
diff --git a/whatsapp login/pics/calls icon/lineIcon.png b/whatsapp login/pics/calls icon/lineIcon.png
diff --git a/whatsapp login/pics/calls icon/lock.png b/whatsapp login/pics/calls icon/lock.png
diff --git a/whatsapp login/pics/calls icon/video call.png b/whatsapp login/pics/calls icon/video call.png
diff --git a/whatsapp login/pics/chat names/Ellipse 125(1).svg b/whatsapp login/pics/chat names/Ellipse 125(1).svg