Home: Difference between revisions

From BigID Developer Portal
No edit summary
No edit summary
Line 1: Line 1:
<html>
<html>
<style type="text/css">
<style type="text/css">
#mw-content-text.mw-body-content.mw-content-ltr {
    #classify {}
    margin-left: auto !important;
 
}
    #mw-content-text.mw-body-content.mw-content-ltr {
        .mw-body-header{ display:none !important}
        margin-left: auto !important;
        #contentSub{display:none}
    }
        #bodyContent {
 
    .mw-body-header {
        display: none !important
    }
 
    #contentSub {
        display: none
    }
 
    #bodyContent {
         min-width: 80vw !important;
         min-width: 80vw !important;
    }
    #why h2 {
        margin: 0px;
    }
    main {
        font-family: 'Archivo', sans-serif;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: flex;
        margin: auto;
        font-size: 16px;
        align-content: center;
        flex-direction: column;
    }
    #mega {
        margin: auto;
        align-items: center;
        justify-content: space-between;
        padding-top: 5vh;
    }
    #mega h1 {
        font-size: 5em;
        margin-top: 0px;
        margin-bottom: 3vh;
    }
    main h1 {
        font-size: 2.5em;
    }
    #mega h2 {
        font-weight: 300;
        font-size: 1.20em;
    }
    #mega>.title {
        padding-right: 2vw;
        flex: .4
    }
    main section a:link {
        text-decoration: none;
        color: #fff;
        font-weight: 600;
        display: inline-block;
    }
    main section a:visited {
        color: inherit;
    }
    main section a:hover {
        opacity: .7;
    }
    main #mega .links {
        display: flex;
        margin-top: 4vh;
        width: 80%;
        margin-bottom: 8vh;
    }
    main #mega .links a {
        padding: 10px 20px;
        border-radius: 10px;
        background: #4bb6e8;
    }
    main #headerimg {
        width: 35vw;
    }
    main #why svg {
        width: 7vw;
        margin: 2vh 2vw;
    }
    main #why {
        font-size: 18px;
    }
    main .row {
        flex-direction: row;
        display: flex;
        align-items: center;
        padding-top: 2vh;
    }
    main .column {
        flex-direction: column;
        display: flex;
    }
    main #getStarted>h1 {
        text-align: center;
    }
    main .card.purple {
        background-image: linear-gradient(124deg, rgb(215, 10, 132), rgb(81, 18, 127));
    }
    main .card.red {
        background-image: linear-gradient(124deg, rgb(200, 56, 53), rgb(155, 35, 85));
    }
    main .card.orange {
        background-image: linear-gradient(124deg, rgb(255, 163, 55), rgb(188, 67, 34));
    }
    main .card.blue {
        background-image: linear-gradient(124deg, rgb(78, 194, 135), rgb(41, 151, 239));
    }
    main .card {
        flex-direction: column;
        border-radius: 10px;
        box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.18);
        color: #fff;
        font-size: 18px;
        overflow: hidden;
        margin: 1vw;
        flex: 1;
    }
    main .card p {
        color: #fff
    }
    main .card h1 {
        margin: 0px;
        font-size: 2em;
        color: #fff;
    }
    main .card a:link {
        display: block;
        text-align: center;
        padding: 2vh;
        background-color: rgba(0, 0, 0, .4);
        font-weight: 600;
    }
    main .card a:hover {
        opacity: .8;
    }
    main .card>.content {
        padding: 1.5vw;
        padding-bottom: 0px;
        min-height: 250px;
    }
    @media only screen and (max-width: 600px) {
        #mega {
            text-align: center;
            flex-direction: column-reverse;
         }
         }
         #why h2 {margin:0px;}
 
        main {
         #mega .links {
            font-family: 'Archivo', sans-serif;
            -moz-osx-font-smoothing: grayscale;
            -webkit-font-smoothing: antialiased;
            display: flex;
             margin: auto;
             margin: auto;
             font-size: 16px;
             text-align: center;
             align-content: center;
             align-content: center;
             flex-direction: column;
             justify-content: space-evenly;
            padding-bottom: 20px
         }
         }
       
 
         #mega {
         #mega .title {
            margin: auto;
             padding: 0px;
            align-items: center;
            justify-content: space-between;
             padding-top:5vh;
         }
         }
       
 
        #mega h1 {
         main {
            font-size: 5em;
             width: auto;
            margin-top: 0px;
             text-align: center;
            margin-bottom: 3vh;
        }
       
         main h1 {
             font-size: 2.5em;
        }
       
        #mega h2 {
             font-weight: 300;
            font-size: 1.20em;
        }
       
        #mega>.title {
            padding-right: 2vw;
            flex: .4
         }
         }
       
        main section a:link {
            text-decoration: none;
            color: #fff;
            font-weight: 600;
            display: inline-block;
        }
       
        main section a:visited {
            color: inherit;
        }
       
        main section a:hover {
            opacity: .7;
        }
       
        main #mega .links {
            display: flex;
            margin-top: 4vh;
            width: 80%;
            margin-bottom: 8vh;
        }
        main #mega .links a {
            padding: 10px 20px;
            border-radius: 10px;
            background: #4bb6e8;


        }
       
        main #headerimg {
            width: 35vw;
        }
       
        main #why svg {
            width: 7vw;
            margin: 2vh 2vw;
        }
       
        main #why {
            font-size: 18px;
        }
       
         main .row {
         main .row {
            flex-direction: row;
            display: flex;
            align-items: center;
            padding-top: 2vh;
        }
       
        main .column {
             flex-direction: column;
             flex-direction: column;
            display: flex;
         }
         }
       
 
         main #getStarted>h1 {
         main .chevron {
             text-align: center;
             display: none;
         }
         }
       
 
         main .card.purple {
         main .card>.content {
             background-image: linear-gradient( 124deg, rgb(215, 10, 132), rgb(81, 18, 127));
             padding: 20px;
            min-height: 0px;
         }
         }
       
 
        main .card.red {
            background-image: linear-gradient( 124deg, rgb(200, 56, 53), rgb(155, 35, 85));
        }
       
        main .card.orange {
            background-image: linear-gradient( 124deg, rgb(255, 163, 55), rgb(188, 67, 34));
        }
       
        main .card.blue {
            background-image: linear-gradient( 124deg, rgb(78, 194, 135), rgb(41, 151, 239));
        }
       
         main .card {
         main .card {
             flex-direction: column;
             margin: 10px 0px;
            border-radius: 10px;
             box-shadow: none;
             box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.18);
            color: #fff;
            font-size: 18px;
            overflow: hidden;
            margin: 1vw;
            flex: 1;
         }
         }
       
 
         main .card p {
         main #why svg {
             color: #fff
             width: 30vw;
         }
         }
       
    }
        main .card h1 {
 
            margin: 0px;
    ol.special {
            font-size: 2em;
        list-style: none;
            color: #fff;
        margin-left: 0px;
        }
    }
       
 
        main .card a:link {
    ol li {
            display: block;
        display: inline-block;
            text-align: center;
        padding: 10px;
            padding: 2vh;
        background-color: #334450;
            background-color: rgba(0, 0, 0, .4);
        border-radius: 10px;
            font-weight: 600;
         margin-right: 10px;
         }
         margin-bottom: 10px;
          
    }
        main .card a:hover {
 
            opacity: .8;
    .skin-citizen-light ol li {
        }
        background-color: #e3e3e3;
       
    }
        main .card>.content {
 
            padding: 1.5vw;
    #classify {
            padding-bottom: 0px;
        display: flex;
            min-height: 250px;
    }
        }
 
       
    #classify .try {
        @media only screen and (max-width: 600px) {
        display: flex;
            #mega {
        flex-direction: column;
                text-align: center;
    }
                flex-direction: column-reverse;
 
            }
    #classify .try textarea {
            #mega .links {
        padding: 10px;
                margin: auto;
        font-family: 'Archivo', sans-serif;
                text-align: center;
        width: 100%;
                align-content: center;
        flex: 1;
                justify-content: space-evenly;
        border-radius: 10px;
                padding-bottom: 20px
    }
            }
 
            #mega .title {
    #classify .try button {
                padding: 0px;
        padding: 10px 20px;
            }
        border-radius: 10px;
            main {
        background: #4bb6e8;
                width: auto;
         font-weight: 600;
                text-align: center;
        color: #fff;
            }
        border: 0px;
            main .row {
        width: 100%;
                flex-direction: column;
        margin-top: 1vh;
            }
     }
            main .chevron {
</style>
                display: none;
            }
            main .card>.content {
                padding: 20px;
                min-height:0px;
            }
            main .card {
                margin: 10px 0px;
                box-shadow: none;
            }
            main #why svg {
                width: 30vw;
            }
         }
ol.special {
    list-style: none;
margin-left:0px;
}
ol li {
display: inline-block;
    padding: 10px;
    background-color: #334450;
    border-radius: 10px;
    margin-right: 10px;
    margin-bottom:10px;
}
.skin-citizen-light ol li{
     background-color: #e3e3e3;
}
    </style>
<main>
<main>
<section id="mega" class="row">
    <section id="mega" class="row">
<div class="title">
        <div class="title">
<h1>Discover</h1>
            <h1>Discover</h1>
<h2>Bring enterprise-scale data intelligence to your application</h2>
            <h2>Bring enterprise-scale data intelligence to your application</h2>
<p class="links"><a href="Get_Started" style="color:#fff;">Get Started</a></p>
            <p class="links"><a href="Get_Started" style="color:#fff;">Get Started</a></p>
</div>
        </div>
<div><img id="headerimg" src="https://wiki-images.bigid.tools/cdn/main.svg" /></div>
        <div><img id="headerimg" src="https://wiki-images.bigid.tools/cdn/main.svg" /></div>
</section>
    </section>
<section id="classify">
    <section id="classify">
<h1>See into your data</h1>
        <div style="flex:.5">
<p>BigID allows you to sort through large swaths of data to see what really matters. Try it below.</p>
            <h1>See into your data</h1>
<textarea style="padding:10px; border-radius: 10px;">Hello! Can you please process payment for [email protected] to 4199006507426062? Thank you!</textarea>
            <p>BigID allows you to sort through large swaths of data to see what really matters. Try it on the right.
<button style="padding: 10px 20px;border-radius: 10px;background: #4bb6e8;border:0px">Discover</button>
            </p>
</section>
        </div>
<section id="getStarted">
        <div class="try">
            <textarea>Hello! Can you please process payment for [email protected] to 4199006507426062? Thank you!</textarea>
            <button>Discover</button>
        </div>
    </section>
    <section id="getStarted">
 
        <div class="row">
            <div class="card purple ">
                <div class="content ">
                    <h1>Apps</h1>
                    <p>Add custom logic and screens to your BigID system.</p>
                </div>
                <a href="Apps">Learn more</a>
            </div>
            <div class="card red ">
                <div class="content ">
                    <h1>REST API</h1>
                    <p>Manage BigID programmatically. Scan data, run SARs, and handle data breaches from anywhere.</p>
                </div>
                <a href="BigID_API">Learn More</a>
            </div>
            <div class="card blue ">
                <div class="content ">
                    <h1>Connectors</h1>
                    <p>Scan any system, anywhere. Write your own connector in any programming language</p>
                </div>
                <a href="Connectors">Learn More</a>
            </div>
        </div>
    </section>
    <section>
        <h1>Popular Articles:</h1>


<div class="row">
<div class="card purple ">
<div class="content ">
<h1>Apps</h1>
<p>Add custom logic and screens to your BigID system.</p>
</div>
<a href="Apps">Learn more</a></div>
<div class="card red ">
<div class="content ">
<h1>REST API</h1>
<p>Manage BigID programmatically. Scan data, run SARs, and handle data breaches from anywhere.</p>
</div>
<a href="BigID_API">Learn More</a></div>
<div class="card blue ">
<div class="content ">
<h1>Connectors</h1>
<p>Scan any system, anywhere. Write your own connector in any programming language</p>
</div>
<a href="Connectors">Learn More</a></div>
</div>
</section>
<section>
<h1>Popular Articles:</h1>
</html>
</html>
{{Special:TopTenPages/1/10}}
{{Special:TopTenPages/1/10}}
Line 258: Line 320:
</section>
</section>
</main>
</main>
</html>
</html>
{{#description2:Get started adding BigID's data discovery to your application with tutorials, samples, and documentation}}
{{#description2:Get started adding BigID's data discovery to your application with tutorials, samples, and
documentation}}

Revision as of 21:23, 4 March 2022

Discover

Bring enterprise-scale data intelligence to your application

See into your data

BigID allows you to sort through large swaths of data to see what really matters. Try it on the right.

Apps

Add custom logic and screens to your BigID system.

Learn more

REST API

Manage BigID programmatically. Scan data, run SARs, and handle data breaches from anywhere.

Learn More

Connectors

Scan any system, anywhere. Write your own connector in any programming language

Learn More

Popular Articles: