[mirotalksfu] - update landing page
@@ -1415,6 +1415,9 @@ label {
|
||||
.feature-icon {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
padding: 1rem;
|
||||
border-radius: 1rem;
|
||||
background: radial-gradient(circle at bottom, #539ce2 0%, #1870d7 50%, #1d2026 100%);
|
||||
}
|
||||
@media (min-width: 641px) {
|
||||
.features-wrap:first-of-type {
|
||||
@@ -1922,6 +1925,10 @@ main {
|
||||
}
|
||||
}
|
||||
|
||||
/*--------------------------------------------------------------
|
||||
# Last room link
|
||||
--------------------------------------------------------------*/
|
||||
|
||||
.last-room {
|
||||
display: none;
|
||||
flex-wrap: nowrap;
|
||||
@@ -1959,3 +1966,12 @@ main {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
}
|
||||
|
||||
/*--------------------------------------------------------------
|
||||
# svg custom size
|
||||
--------------------------------------------------------------*/
|
||||
|
||||
.wh-200-150 {
|
||||
width: 200px;
|
||||
height: 150px;
|
||||
}
|
||||
|
||||
1
public/svg/audio_streaming.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 -960 960 960"><path d="M500-360q42 0 71-29t29-71v-220h120v-80H560v220q-13-10-28-15t-32-5q-42 0-71 29t-29 71q0 42 29 71t71 29ZM320-240q-33 0-56.5-23.5T240-320v-480q0-33 23.5-56.5T320-880h480q33 0 56.5 23.5T880-800v480q0 33-23.5 56.5T800-240H320Zm0-80h480v-480H320v480ZM160-80q-33 0-56.5-23.5T80-160v-560h80v560h560v80H160Zm160-720v480-480Z" fill= "white"/></svg>
|
||||
|
بعد العرض: | الارتفاع: | الحجم: 437 B |
9
public/svg/collaborative_whitboard.svg
Normal file
@@ -0,0 +1,9 @@
|
||||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" enable-background="new 0 0 256 256" width="512" height="512" xml:space="preserve">
|
||||
<g>
|
||||
<g>
|
||||
<path fill= "white" d="M47.7,220.3h160.6c20.8,0,37.7-14.4,37.7-32.1V85.2c0-17.7-16.9-32.1-37.7-32.1H47.7C26.9,53.1,10,67.5,10,85.2v103.1C10,205.9,26.9,220.3,47.7,220.3z M29.7,85.2c0-8.5,8.1-15.3,18-15.3h160.6c9.9,0,18,6.9,18,15.3v103.1c0,8.5-8.1,15.3-18,15.3H47.7c-9.9,0-18-6.9-18-15.3V85.2z" />
|
||||
<path fill= "white" d="M19.8,47.7h106.6c0.5,0.1,1.1,0.1,1.6,0.1s1.1,0,1.6-0.1h106.6c5.4,0,9.8-4.4,9.8-9.8c0-5.4-4.4-9.8-9.8-9.8h-98.3v-7.6c0-5.4-4.4-9.8-9.8-9.8c-5.4,0-9.8,4.4-9.8,9.8v7.6H19.8c-5.4,0-9.8,4.4-9.8,9.8C10,43.3,14.4,47.7,19.8,47.7z" />
|
||||
<path fill= "white" d="M236.2,225.7H19.8c-5.4,0-9.8,4.4-9.8,9.8s4.4,9.8,9.8,9.8h216.3c5.4,0,9.8-4.4,9.8-9.8S241.6,225.7,236.2,225.7z" />
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
بعد العرض: | الارتفاع: | الحجم: 934 B |
1
public/svg/file_sharing.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 -960 960 960"><path d="M280-160q-33 0-56.5-23.5T200-240v-370L40-800h760q33 0 56.5 23.5T880-720v480q0 33-23.5 56.5T800-160H280Zm0-560v480h520v-480H280Zm260 460 56-56-44-44h168v-80H360l180 180ZM360-520h360L540-700l-56 56 44 44H360v80Zm-80-200v480-480Z" fill= "white"/></svg>
|
||||
|
بعد العرض: | الارتفاع: | الحجم: 348 B |
1
public/svg/maximum_security.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 -960 960 960"><path d="M480-80q-139-35-229.5-159.5T160-516v-244l320-120 320 120v244q0 152-90.5 276.5T480-80Zm0-84q104-33 172-132t68-220v-189l-240-90-240 90v189q0 121 68 220t172 132Zm0-316Zm-80 160h160q17 0 28.5-11.5T600-360v-120q0-17-11.5-28.5T560-520v-40q0-33-23.5-56.5T480-640q-33 0-56.5 23.5T400-560v40q-17 0-28.5 11.5T360-480v120q0 17 11.5 28.5T400-320Zm40-200v-40q0-17 11.5-28.5T480-600q17 0 28.5 11.5T520-560v40h-80Z" fill= "white"/></svg>
|
||||
|
بعد العرض: | الارتفاع: | الحجم: 521 B |
7
public/svg/recording_meeting.svg
Normal file
@@ -0,0 +1,7 @@
|
||||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" enable-background="new 0 0 256 256" width="512" height="512" xml:space="preserve">
|
||||
<g>
|
||||
<g>
|
||||
<path fill= "white" d="M128,10C62.8,10,10,62.8,10,128c0,65.2,52.8,118,118,118c65.2,0,118-52.8,118-118C246,62.8,193.1,10,128,10z M124,184.1c0,6.6-5.4,12-12,12H72.1c-6.6,0-12-5.4-12-12v-40c0-6.6,5.4-12,12-12h40c6.6,0,12,5.3,12,12L124,184.1L124,184.1z M124,111.8c0,6.6-5.4,12-12,12H72.1c-6.6,0-12-5.4-12-12V71.8c0-6.6,5.4-12,12-12h40c6.6,0,12,5.4,12,12L124,111.8L124,111.8L124,111.8z M195.9,184.1c0,6.6-5.4,12-12,12h-40c-6.6,0-12-5.4-12-12v-40c0-6.6,5.4-12,12-12h40c6.6,0,12,5.3,12,12V184.1z M163.9,123.7c-17.7,0-31.9-14.3-31.9-31.9c0-17.6,14.3-31.9,31.9-31.9c17.6,0,31.9,14.3,31.9,31.9C195.9,109.5,181.5,123.7,163.9,123.7z" />
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
بعد العرض: | الارتفاع: | الحجم: 851 B |
1
public/svg/screen_sharing.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 -960 960 960"><path d="M320-400h80v-80q0-17 11.5-28.5T440-520h80v80l120-120-120-120v80h-80q-50 0-85 35t-35 85v80ZM80-120q-17 0-28.5-11.5T40-160q0-17 11.5-28.5T80-200h800q17 0 28.5 11.5T920-160q0 17-11.5 28.5T880-120H80Zm80-120q-33 0-56.5-23.5T80-320v-440q0-33 23.5-56.5T160-840h640q33 0 56.5 23.5T880-760v440q0 33-23.5 56.5T800-240H160Zm0-80h640v-440H160v440Zm0 0v-440 440Z" fill="white"/></svg>
|
||||
|
بعد العرض: | الارتفاع: | الحجم: 471 B |
1
public/svg/total_privacy.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 -960 960 960"><path d="M480-440q-59 0-99.5-40.5T340-580q0-59 40.5-99.5T480-720q59 0 99.5 40.5T620-580q0 59-40.5 99.5T480-440Zm0-80q26 0 43-17t17-43q0-26-17-43t-43-17q-26 0-43 17t-17 43q0 26 17 43t43 17Zm0 440q-139-35-229.5-159.5T160-516v-244l320-120 320 120v244q0 152-90.5 276.5T480-80Zm0-400Zm0-315-240 90v189q0 54 15 105t41 96q42-21 88-33t96-12q50 0 96 12t88 33q26-45 41-96t15-105v-189l-240-90Zm0 515q-36 0-70 8t-65 22q29 30 63 52t72 34q38-12 72-34t63-52q-31-14-65-22t-70-8Z" fill= "white"/></svg>
|
||||
|
بعد العرض: | الارتفاع: | الحجم: 575 B |
1
public/svg/webcam_chat.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 -960 960 960"><path d="M240-320h320v-22q0-44-44-71t-116-27q-72 0-116 27t-44 71v22Zm160-160q33 0 56.5-23.5T480-560q0-33-23.5-56.5T400-640q-33 0-56.5 23.5T320-560q0 33 23.5 56.5T400-480ZM160-160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h480q33 0 56.5 23.5T720-720v180l160-160v440L720-420v180q0 33-23.5 56.5T640-160H160Zm0-80h480v-480H160v480Zm0 0v-480 480Z" fill= "white"/></svg>
|
||||
|
بعد العرض: | الارتفاع: | الحجم: 462 B |
1
public/svg/webcam_streaming.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 -960 960 960"><path d="M320-400h240q17 0 28.5-11.5T600-440v-80l80 80v-240l-80 80v-80q0-17-11.5-28.5T560-720H320q-17 0-28.5 11.5T280-680v240q0 17 11.5 28.5T320-400ZM80-80v-720q0-33 23.5-56.5T160-880h640q33 0 56.5 23.5T880-800v480q0 33-23.5 56.5T800-240H240L80-80Zm126-240h594v-480H160v525l46-45Zm-46 0v-480 480Z" fill= "white"/></svg>
|
||||
|
بعد العرض: | الارتفاع: | الحجم: 409 B |
@@ -253,7 +253,11 @@
|
||||
<div class="feature text-center is-revealing">
|
||||
<div class="feature-inner">
|
||||
<div class="feature-icon">
|
||||
<img src="../images/feature-icon-01.svg" alt="mirotalksfu-screen" />
|
||||
<img
|
||||
class="wh-200-150"
|
||||
src="../svg/screen_sharing.svg"
|
||||
alt="mirotalksfu-screen"
|
||||
/>
|
||||
</div>
|
||||
<h4 class="feature-title mt-24">Screen Sharing</h4>
|
||||
<p class="text-sm mb-0">
|
||||
@@ -265,7 +269,11 @@
|
||||
<div class="feature text-center is-revealing">
|
||||
<div class="feature-inner">
|
||||
<div class="feature-icon">
|
||||
<img src="../images/feature-icon-02.svg" alt="mirotalksfu-webcam" />
|
||||
<img
|
||||
class="wh-200-150"
|
||||
src="../svg/webcam_streaming.svg"
|
||||
alt="mirotalksfu-webcam"
|
||||
/>
|
||||
</div>
|
||||
<h4 class="feature-title mt-24">WebCam Streaming</h4>
|
||||
<p class="text-sm mb-0">
|
||||
@@ -277,7 +285,11 @@
|
||||
<div class="feature text-center is-revealing">
|
||||
<div class="feature-inner">
|
||||
<div class="feature-icon">
|
||||
<img src="../images/feature-icon-03.svg" alt="mirotalksfu-audio" />
|
||||
<img
|
||||
class="wh-200-150"
|
||||
src="../svg/audio_streaming.svg"
|
||||
alt="mirotalksfu-audio"
|
||||
/>
|
||||
</div>
|
||||
<h4 class="feature-title mt-24">Audio Streaming</h4>
|
||||
<p class="text-sm mb-0">
|
||||
@@ -288,7 +300,11 @@
|
||||
<div class="feature text-center is-revealing">
|
||||
<div class="feature-inner">
|
||||
<div class="feature-icon">
|
||||
<img src="../images/feature-icon-04.svg" alt="mirotalksfu-chat" />
|
||||
<img
|
||||
class="wh-200-150"
|
||||
src="../svg/webcam_chat.svg"
|
||||
alt="mirotalksfu-chat"
|
||||
/>
|
||||
</div>
|
||||
<h4 class="feature-title mt-24">Chat</h4>
|
||||
<p class="text-sm mb-0">
|
||||
@@ -300,7 +316,11 @@
|
||||
<div class="feature text-center is-revealing">
|
||||
<div class="feature-inner">
|
||||
<div class="feature-icon">
|
||||
<img src="../images/feature-icon-05.svg" alt="mirotalksfu-recording" />
|
||||
<img
|
||||
class="wh-200-150"
|
||||
src="../svg/recording_meeting.svg"
|
||||
alt="mirotalksfu-recording"
|
||||
/>
|
||||
</div>
|
||||
<h4 class="feature-title mt-24">Recording meeting</h4>
|
||||
<p class="text-sm mb-0">
|
||||
@@ -312,7 +332,11 @@
|
||||
<div class="feature text-center is-revealing">
|
||||
<div class="feature-inner">
|
||||
<div class="feature-icon">
|
||||
<img src="../images/feature-icon-06.svg" alt="mirotalksfu-whiteboard" />
|
||||
<img
|
||||
class="wh-200-150"
|
||||
src="../svg/collaborative_whitboard.svg"
|
||||
alt="mirotalksfu-whiteboard"
|
||||
/>
|
||||
</div>
|
||||
<h4 class="feature-title mt-24">Collaborative Whiteboard</h4>
|
||||
<p class="text-sm mb-0">
|
||||
@@ -324,7 +348,11 @@
|
||||
<div class="feature text-center is-revealing">
|
||||
<div class="feature-inner">
|
||||
<div class="feature-icon">
|
||||
<img src="../images/feature-icon-01.svg" alt="mirotalksfu-filesharing" />
|
||||
<img
|
||||
class="wh-200-150"
|
||||
src="../svg/file_sharing.svg"
|
||||
alt="mirotalksfu-filesharing"
|
||||
/>
|
||||
</div>
|
||||
<h4 class="feature-title mt-24">File Sharing</h4>
|
||||
<p class="text-sm mb-0">
|
||||
@@ -335,7 +363,11 @@
|
||||
<div class="feature text-center is-revealing">
|
||||
<div class="feature-inner">
|
||||
<div class="feature-icon">
|
||||
<img src="../images/feature-icon-02.svg" alt="mirotalksfu-privacy" />
|
||||
<img
|
||||
class="wh-200-150"
|
||||
src="../svg/total_privacy.svg"
|
||||
alt="mirotalksfu-privacy"
|
||||
/>
|
||||
</div>
|
||||
<h4 class="feature-title mt-24">Total privacy</h4>
|
||||
<p class="text-sm mb-0">
|
||||
@@ -347,7 +379,11 @@
|
||||
<div class="feature text-center is-revealing">
|
||||
<div class="feature-inner">
|
||||
<div class="feature-icon">
|
||||
<img src="../images/feature-icon-03.svg" alt="mirotalksfu-security" />
|
||||
<img
|
||||
class="wh-200-150"
|
||||
src="../svg/maximum_security.svg"
|
||||
alt="mirotalksfu-security"
|
||||
/>
|
||||
</div>
|
||||
<h4 class="feature-title mt-24">Maximum security</h4>
|
||||
<p class="text-sm mb-0">
|
||||
|
||||