+
+
Start With the Basics
+
If you still aren't sure where to get started, try one of the Getting Started Guides below, or see what our platform has to offer.
+
+
Explore our platform
+
+
-
-
SailPoint Developer Community
-
Don't know where to get started?
-
Jump into our Get Started Guides for more information.
-
-
-
-
-
Get Started with IdentityNow
-
-
-
-
-
-
-
Get Started with IdentityIQ
-
-
-
-
+
+
+
SailPoint Developer Community
+
Don't know where to get started?
+
Jump into our Get Started Guides for more information.
+
+
+
+
+
+
Get Started with IdentityNow
+
+
+
+
+
+
+
Get Started with IdentityIQ
+
+
+
+
+
+
+
+
+
+
+
+
+
+
);
diff --git a/src/components/HomepageGettingStarted/styles.module.css b/src/components/HomepageGettingStarted/styles.module.css
index 021fbed02..15473dee1 100644
--- a/src/components/HomepageGettingStarted/styles.module.css
+++ b/src/components/HomepageGettingStarted/styles.module.css
@@ -1,6 +1,11 @@
.mainCard {
- margin: 50px;
+ display: grid;
+ grid-template-columns: repeat(auto-fit, minmax(520px, 1fr));
+ grid-gap: 20px;
+
+ margin: 50px auto;
width: calc(100% - 100px);
+ max-width: 1180px;
/* UI Properties */
background: transparent 0% 0% no-repeat padding-box;
@@ -11,8 +16,8 @@
}
.gettingStartedText {
- margin: 50px;
- width: 496px;
+ margin-top: 50px;
+ margin-left: 50px;
}
.gettingStartedOne {
@@ -44,13 +49,15 @@
/* Getting Started Card container */
.gridContainer {
display: grid;
- margin: 50px;
- grid-template-columns: repeat(auto-fill, 300px);
+ margin-left: 50px;
+ margin-bottom: 50px;
+ grid-template-columns: repeat(auto-fill, 220px);
grid-gap: 20px;
}
/* Getting Started Card */
.getStartedCard {
+ position:relative;
margin-top: 20px;
height: 200px;
/* UI Properties */
@@ -66,24 +73,38 @@
}
.gettingStartedCardText {
+ position:absolute;
margin: 20px;
font-size: 16px;
font-weight: 500;
- width: 150px;
+ width: 120px;
bottom: 0;
left: 0;
color: black;
}
.gettingStartedCardIcon {
+ position:absolute;
margin: 20px;
top: 0;
left: 0;
}
.gettingStartedCardArrow {
+ position:absolute;
margin: 20px;
bottom: 25px;
right: 0;
}
+.video {
+ width: 100%;
+ height: 300px;
+}
+
+.carousel {
+ margin-top: 100px;
+ margin-right: 30px;
+ width: calc(100% - 30px);
+ margin-right: 50px;
+}
\ No newline at end of file
diff --git a/src/pages/index.js b/src/pages/index.js
index a11a46d2a..5030fd347 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -3,10 +3,11 @@ import clsx from 'clsx';
import Link from '@docusaurus/Link';
import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
import Layout from '@theme/Layout';
-import HomepageFeatures from '@site/src/components/HomepageFeatures';
import HomepageGettingStarted from '@site/src/components/HomepageGettingStarted';
+import HomepageBasics from '../components/HomepageBasics';
import styles from './index.module.css';
+import 'bootstrap/dist/css/bootstrap.css';
function HomepageHeader() {
const {siteConfig} = useDocusaurusContext();
@@ -35,6 +36,7 @@ export default function Home() {
description="Description will go into a meta tag in
">