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 {} | ||
} | #mw-content-text.mw-body-content.mw-content-ltr { | ||
margin-left: auto !important; | |||
} | |||
.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; | |||
} | } | ||
# | |||
#mega .links { | |||
margin: auto; | margin: auto; | ||
text-align: center; | |||
align-content: center; | align-content: center; | ||
justify-content: space-evenly; | |||
padding-bottom: 20px | |||
} | } | ||
#mega { | #mega .title { | ||
padding: 0px; | |||
padding | |||
} | } | ||
main { | |||
width: auto; | |||
text-align: center; | |||
main | |||
} | } | ||
main .row { | main .row { | ||
flex-direction: column; | flex-direction: column; | ||
} | } | ||
main | main .chevron { | ||
display: none; | |||
} | } | ||
main .card. | main .card>.content { | ||
padding: 20px; | |||
min-height: 0px; | |||
} | } | ||
main .card { | main .card { | ||
margin: 10px 0px; | |||
box-shadow: none; | |||
box-shadow: | |||
} | } | ||
main | 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; | |||
} | |||
#classify { | |||
display: flex; | |||
} | |||
#classify .try { | |||
display: flex; | |||
flex-direction: column; | |||
} | |||
#classify .try textarea { | |||
padding: 10px; | |||
font-family: 'Archivo', sans-serif; | |||
width: 100%; | |||
flex: 1; | |||
border-radius: 10px; | |||
} | |||
#classify .try button { | |||
padding: 10px 20px; | |||
border-radius: 10px; | |||
background: #4bb6e8; | |||
font-weight: 600; | |||
color: #fff; | |||
border: 0px; | |||
width: 100%; | |||
margin-top: 1vh; | |||
} | |||
</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 | <h1>See into your data</h1> | ||
< | <p>BigID allows you to sort through large swaths of data to see what really matters. Try it on the right. | ||
<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> | |||
</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
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.
REST API
Manage BigID programmatically. Scan data, run SARs, and handle data breaches from anywhere.
Connectors
Scan any system, anywhere. Write your own connector in any programming language
Popular Articles: