- {% include 'zerver/gradients.html' %}
-
-
-
Powerful group chat.
- First class threading on top of everything you could want from real-time chat.
-
-
-
-
-
-
Beautiful messaging.
-
-
-
-
EMOJI AND EMOJI REACTIONS
-
Have fun expressing yourself with emoji!
-
-
-
INLINE IMAGE, VIDEO, AND TWEET PREVIEWS
-
Send a link and we’ll automatically generate a
- preview; click the preview to see it at full scale.
-
-
-
DRAG-AND-DROP FILE UPLOADS
-
- Drag a file into the compose box and we’ll upload
- and preview it for you. Sharing and discussing
- work with team mates has never been easier.
-
-
-
-
CODE BLOCKS
-
- Discuss code with ease using Markdown code blocks,
- syntax highlighting, and
- code playgrounds .
-
-
-
-
CUSTOMIZABLE AUTOMATIC LINKIFICATION
-
- Customize Zulip’s markup to automatically link back
- to your issue tracker or GitHub when you type
- “#1235” or a commit ID.
-
-
-
-
-
-
-
- Highly configurable notifications.
-
-
-
-
-
@-mentions
- Stream-wide announcements
- Desktop notifications
- Audible notifications
- Message notification emails
- Alert words
- Optional weekly digest emails
-
-
-
-
-
-
Keyboard shortcuts.
-
Communicate as efficiently as you use your favorite
- text editor. Anything you can do with a mouse, you
- can do even faster from the keyboard.
-
- Learn more about keyboard shortcuts.
-
-
-
-
-
-
- And everything else you need…
-
-
- ENTERPRISE-GRADE SECURITY
-
- Zulip is used by some of the most security-conscious
- organizations in the world.
-
-
-
- POWERFUL FULL-TEXT SEARCH
-
- Search is both snappy and smart, helping you look for
- text, people, and threads of conversation, with advanced
- search filters for fine-grained control.
-
-
-
- COMPLETE HISTORY
- Join a stream and see its history, so even new team
- members are never out of the loop.
-
-
- STARRED MESSAGES
- Use starred messages as a todo list, or keep track of interesting
- conversations.
-
-
- MARK AS UNREAD
- Mark messages as unread to return to them later.
-
-
- STATISTICS
- Zulip has a powerful set of analytics available to
- help you see how your organization communicates.
-
-
- ONE-ON-ONE AND GROUP PRIVATE CONVERSATIONS
- Lightweight private conversations with one or as many people as you need.
-
-
- TEAM AVAILABILITY
- Let others know whether you're around with emoji statuses and
- availability, or choose “invisible” mode.
-
-
- PRIVATE STREAMS
- Enjoy the benefits of threaded conversations while
- controlling your audience and privacy.
-
-
- MESSAGE EDITING
- Don’t worry, you can always fix that typo, either in
- the body of a message or its topic.
-
-
- MOVING MESSAGES
-
- Organize conversations by easily moving messages to the
- right stream and topic.
-
-
-
- TYPING NOTIFICATIONS
- Know when other users are composing messages to you.
-
-
- READ RECEIPTS
- Check who has read any message, no matter who sent it.
-
-
- SAVED DRAFTS
- Zulip’s drafts make it easy to write longer messages
- without worrying about losing your work.
-
-
- MESSAGE SCHEDULING
- Schedule a message to be sent later, when others are working.
-
-
- CONVERSATIONS THREADED BY TOPIC
- Participate in several conversations with the same
- group at once, without getting lost or overwhelmed.
-
-
- RESOLVE TOPIC
- Mark topics as ✔ completed. A lightweight way to manage support
- interactions, investigating issues, and more.
-
-
- CATCH UP IN NO TIME
- With topics, hotkeys and snappy performance, usefully
- reviewing hundreds of messages takes just minutes.
-
-
- MUTE STREAM OR TOPIC
- Manage notifications by muting streams and topics that don't
- require your attention.
-
-
- MUTE USER
- Users can mute anyone they'd rather not interact with.
-
-
- PERMANENT LINKS
- Permanently link to a Zulip conversation or a message in context
- from your issue tracker, emails, documents, or anywhere else.
-
-
- FULLY INTERNATIONALIZED
- The Zulip UI is fully internationalized and has been
- translated into 23 languages.
-
-
- VIDEO CALLS
-
- Create and join video calls with a single click. Powered
- by your choice of Zoom, Jitsi Meet, or BigBlueButton.
-
-
-
- FLEXIBLE AUTHENTICATION
-
- Supported authentication providers include LDAP, SAML,
- OIDC, Google, GitHub, GitLab, Apple, and more.
-
-
-
- FLEXIBLE PERMISSIONS
-
- Fine-grained permission settings for administrators and
- moderators, and custom viewing and posting permissions for
- streams.
-
-
-
- CONVENIENT SUBSCRIPTION MANAGEMENT
-
- Subscribe a group of users to a stream, or copy membership from another stream.
-
-
-
- CUSTOMIZABLE INVITATIONS
-
- Configure user role, stream subscriptions and invite expiration
- time when inviting new users.
-
-
-
- DATA IMPORT
-
- Import an existing Slack, Mattermost, Gitter or Rocket.Chat workspace into Zulip.
-
-
-
- CUSTOM PROFILE FIELDS
-
- Use Zulip to store directory information, pronouns, birthdays,
- links to external accounts, or anything else.
-
-
-
- GUESTS
-
- Guests cannot access streams unless they are
- explicitly added. Perfect for partners, vendors, and
- temporary contractors.
-
-
-
- CUSTOM BRANDING
-
- Use your logo instead of Zulip’s in the desktop and web app.
-
-
-
- CHAT BRIDGES
-
- Mirror messages between Zulip and Slack, Microsoft
- Teams, Discord, Matrix, and other tools.
-
-
-
- MODERATION
-
- A full suite of tools for moderating open communities.
-
-
-
- PUBLIC ACCESS OPTION
-
- Enable transparency by setting streams to be viewable
- and searchable by anyone on the Internet, without
- creating an account.
-
-
-
- DATA EXPORTS
-
- No vendor lock-in. Export your hosted Zulip to an
- on-premises installation at any time. You can also request a
- compliance export.
-
-
-
- GIPHY INTEGRATION
-
- Enjoy animated GIFs with Zulip's native GIPHY
- integration.
-
-
-
- HELP CENTER
-
- It's easy to get started with detailed documentation and
- onboarding guides in the Zulip help center.
-
-
-
- YOUR FEATURE HERE
- Zulip is open source, so if something important for
- your use case is missing, you can make it happen!
-
-
-
-
-
-
+
+
+
+ {% include "corporate/comparison_table_integrated.html" %}
+
+
+{% include 'zerver/footer.html' %}
{% endblock %}
diff --git a/web/styles/portico/landing_page.css b/web/styles/portico/landing_page.css
index 2803408248..869efea8d7 100644
--- a/web/styles/portico/landing_page.css
+++ b/web/styles/portico/landing_page.css
@@ -215,7 +215,6 @@ button {
display: none;
}
-/* -- features page css -- */
.portico-landing {
position: relative;
@@ -246,294 +245,6 @@ button {
}
}
-.portico-landing.features-app {
- position: relative;
- overflow-x: hidden;
- padding-top: 0;
-
- z-index: 2;
-
- .gradients {
- z-index: -1;
- }
-
- & section {
- max-width: 1440px;
- display: flex;
- flex: 1 1 auto;
- flex-flow: row wrap;
- justify-content: space-around;
- margin: 40px auto;
- padding: 0 30px;
- color: hsl(219deg 21% 21%);
-
- &.hero {
- display: flex;
- align-items: center;
- justify-content: center;
-
- height: 400px;
- padding: 100px 100px 50px;
-
- margin: 0;
-
- max-width: none;
-
- color: hsl(0deg 0% 100%);
-
- background-color: hsl(0deg 0% 0% / 10%);
-
- .copy {
- max-width: 800px;
- margin: 0 auto;
-
- text-align: center;
- }
-
- & h1 {
- margin: 0;
- font-size: 3.7em;
- }
-
- & h2 {
- font-size: 1.8em;
- margin: 30px auto 0;
-
- max-width: 600px;
- line-height: 1.3;
- }
-
- .image {
- height: 400px;
- width: 40%;
- background-color: hsl(0deg 0% 0% / 5%);
- }
- }
-
- &.keyboard-shortcuts {
- display: flex;
- justify-content: center;
- align-items: center;
- position: relative;
- max-width: none;
- padding: 50px;
- /* this should only be a thing if the section above is not white */
- margin-top: 0;
- background-color: hsl(219deg 21% 21%);
- color: hsl(219deg 76% 93%);
-
- & img {
- &.overflow-wave {
- width: 685px;
- right: 0;
- top: -168px;
- position: absolute;
- }
-
- &.image {
- width: 600px;
- margin-left: 100px;
- }
- }
-
- & h3 {
- font-size: 3em;
- }
-
- .feature-block {
- width: 50%;
- }
-
- & p {
- font-size: 1.2em;
- }
-
- & a.cta {
- font-size: 1em;
- color: hsl(170deg 52% 70%);
- }
- }
-
- &.messages {
- display: flex;
- justify-content: center;
- align-items: center;
-
- margin: 50px auto;
- padding: 0 50px;
-
- .image {
- width: calc(100% - 500px - 100px);
- margin: 50px 0 50px 50px;
- max-width: 500px;
- }
-
- .features {
- max-width: 500px;
-
- & h2 {
- margin: 0;
- }
-
- .feature-block {
- display: block;
- margin: 30px 0;
- }
- }
- }
-
- &.notifications {
- position: relative;
-
- padding: 50px 100px;
- max-width: calc(1000px);
-
- background-color: hsl(0deg 0% 100%);
- border-radius: 10px;
-
- box-shadow: 10px 20px 80px hsl(0deg 0% 0% / 15%);
- margin: 100px auto 150px;
- text-align: center;
-
- .envelope {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- max-height: 40vw;
- }
-
- & h2 {
- position: relative;
-
- margin-bottom: 120px;
- top: 0;
- }
-
- .feature-list {
- position: relative;
-
- display: inline-block;
- vertical-align: top;
- text-align: left;
-
- margin: 35px 0 0 20px;
-
- z-index: 1;
-
- & h3 {
- position: relative;
-
- margin: 15px 0 15px 50px;
-
- font-size: 1.2em;
- font-weight: 400;
-
- color: hsl(0deg 0% 53%);
-
- &::before {
- content: " ";
- display: block;
- position: absolute;
-
- left: -35px;
- top: 0;
- width: 20px;
- height: 20px;
-
- border-radius: 4px;
-
- background-image: url("../../images/checkbox-green.svg");
- background-size: 100% auto;
- background-position: center;
- background-repeat: no-repeat;
- }
- }
- }
-
- .image-block {
- width: 400px;
- height: 280px;
-
- background: linear-gradient(
- 135deg,
- hsl(0deg 0% 0% / 5%),
- hsl(0deg 0% 0% / 20%)
- );
- border-radius: 4px;
-
- background-image: url("../../images/landing-page/features/notifications.jpg");
- background-size: contain;
- background-position: center;
- background-repeat: no-repeat;
-
- display: inline-block;
- }
- }
-
- .feature-block {
- display: inline-block;
- vertical-align: top;
- }
-
- & h2 {
- font-size: 2.5em;
- text-align: center;
- margin: 0 10px;
- line-height: 1.6;
- flex: 1 0 100%;
- }
-
- > .feature-block {
- padding: 10px 20px;
- flex: 1 1 320px;
- color: inherit;
- }
-
- & a {
- &.feature-block {
- &:hover {
- box-shadow: 0 3px 10px hsl(0deg 0% 75%);
- }
-
- &:active {
- box-shadow: 0 3px 10px hsl(0deg 0% 50%);
- }
- }
- }
- }
-
- .cta {
- &::after {
- content: "\2192";
-
- margin-left: 5px;
- transform: scaleX(2);
-
- transition: all 0.3s ease;
- }
-
- &:hover {
- &::after {
- margin-left: 10px;
- }
- }
- }
-
- .feature-block {
- & h3 {
- font-size: 1.2em;
- font-weight: 600;
- }
-
- & p {
- margin: 0;
-
- opacity: 0.8;
- }
- }
-}
-
/* -- hello page -- */
.portico-landing.hello {
background-color: transparent;
@@ -1317,8 +1028,7 @@ button {
padding-top: 0;
}
-.portico-landing.apps .main,
-.portico-landing.features-app .main {
+.portico-landing.apps .main {
background-color: hsl(0deg 0% 100%);
}
@@ -2101,47 +1811,12 @@ button {
padding-top: 170px;
}
- .portico-landing.features-app {
- & section {
- &.messages {
- display: block;
- text-align: center;
-
- > * {
- display: inline-block;
- text-align: left;
- }
-
- .image {
- width: 100%;
- margin: 0;
- }
- }
- }
- }
-
.portico-landing.plans .compare .padded-content {
width: auto;
}
}
@media (width <= 985px) {
- .features .feature-box .text-content {
- width: 100%;
- height: auto;
- margin-bottom: 20px;
- }
-
- .features .feature-box .image {
- float: none;
- width: 100%;
- margin: 0;
- }
-
- .features .text-content .flex {
- display: block;
- }
-
.portico-landing.apps .main {
width: 100%;
margin: 0;
@@ -2177,20 +1852,6 @@ button {
}
}
-@media (width <= 906px) {
- .portico-landing.features-app {
- & section {
- &.notifications {
- padding: 50px 10px;
-
- .image-block {
- display: none;
- }
- }
- }
- }
-}
-
@media (width <= 830px) {
.portico-landing.hello .apps .left-side .platform-icons .group {
margin: 50px 30px;
@@ -2257,20 +1918,6 @@ button {
.portico-landing.hello .apps .left-side .content {
width: auto;
}
-
- .portico-landing.features-app {
- & section {
- padding: 0 20px;
-
- &.hero {
- padding: 50px;
-
- & h1 {
- font-size: 3em;
- }
- }
- }
- }
}
@media (width <= 1024px) {
@@ -2397,43 +2044,9 @@ button {
.portico-landing.hello .integrations .integration-icons .group {
margin: 10px 16px 0;
}
-
- .portico-landing.features-app {
- & section {
- &.keyboard-shortcuts {
- & img {
- &.overflow-wave {
- top: -100px;
- }
- }
- }
- }
- }
}
@media (width <= 550px) {
- .portico-landing.features-app {
- & section {
- &.hero {
- padding: 50px 20px 20px;
- }
-
- &.messages {
- padding: 0 20px;
-
- & h2 {
- font-size: 2em;
- }
-
- .features {
- .feature-block {
- margin: 20px 0;
- }
- }
- }
- }
- }
-
.billing-upgrade-page {
.payment-schedule {
.box {
@@ -2522,10 +2135,6 @@ button {
hsl(49deg 71% 68%) 80%
);
}
-
- .features-app .gradients .gradient {
- height: 700px;
- }
}
@media (width <= 375px) {
@@ -2541,47 +2150,6 @@ button {
.portico-landing.integrations .integration-categories-dropdown {
width: 323px;
}
-
- .portico-landing.features-app {
- & section {
- &.keyboard-shortcuts {
- & img {
- &.overflow-wave {
- top: -92px;
- }
- }
- }
- }
- }
-}
-
-@media (width <= 360px) {
- .portico-landing.features-app {
- & section {
- .keyboard-shortcuts {
- & img {
- &.overflow-wave {
- top: -88px;
- }
- }
- }
- }
- }
-}
-
-/* For iPhone 5/SE device */
-@media (width <= 320px) {
- .portico-landing.features-app {
- & section {
- .keyboard-shortcuts {
- & img {
- &.overflow-wave {
- top: -78px;
- }
- }
- }
- }
- }
}
#download-from-microsoft-store,
 }})
-  }})
-  }})
-