www.notism.io Open in urlscan Pro
138.68.108.35  Public Scan

Form analysis
3 forms found in the DOM

<form style="padding-left: 5px;">
  <div class="settings-notes">
    <div class="headline-row">
      <div class="col1" style="margin-top: 5px;"> Note Categories </div>
      <a class="col2" id="settings-add-category" href="" style="margin: 5px 5px 0 0; color: #41C2D3">
            ADD CATEGORY
          </a>
      <div class="clear"></div>
    </div>
    <div class="add-new-category" style="display:none;">
      <div style="height: 10px"></div>
      <div class="col-rr" style="float: left;margin-top: 0px;">
        <span class="minicolors minicolors-theme-default minicolors-swatch-position-right minicolors-position-default"><input class="big_white color-picker minicolors-input" id="cat_color" name="color3" size="7" type="text" value=""
            style="width: 70px; margin-right: 10px; margin-top: 1px; height: 15px;" maxlength="7"><span class="minicolors-swatch"><span></span></span><span class="minicolors-panel minicolors-slider-hue"><span class="minicolors-slider"><span
                class="minicolors-picker" style="top: 0px;"></span></span><span class="minicolors-opacity-slider"><span class="minicolors-picker"></span></span><span class="minicolors-grid" style="background-color: rgb(255, 0, 0);"><span
                class="minicolors-grid-inner"></span><span class="minicolors-picker" style="top: 0px; left: 0px;"><span></span></span></span></span></span>
      </div>
      <div class="med single-input-span sis-tt" style="margin: 5px 0px 0px 120px; font-family: jaf-facitweb, arial; font-size: 12px;">Category name</div>
      <input class="big_white" id="cat_name" name="email" type="text" style="margin-left: 10px; width: 214px; height: 15px; font-size: 12px; margin-top: 1px;">
      <div class="clear"></div>
      <div style="height: 15px"></div>
      <div class="editor-checkbox" style="margin-left: 125px;cursor:pointer;">
        <div class="ed-cbox"></div>
        <div class="ed-label" style="font-size: 13px;">set as default for further projects </div>
      </div>
      <div class="clear"></div>
      <div style="height: 15px"> </div>
      <a class="awesome blue small1" id="save-cat" style="float: left; padding: 4px 15px 3px 15px; text-align: center; font-weight: 600; margin-left: 125px;">SAVE </a>
      <a href="">
            <div class="btn-cancel-text" style="margin: 4px 0 0 6px; font-weight: 600; color: #868686;">
              CANCEL 
            </div>
          </a>
      <div class="clear"> </div>
      <div style="height: 10px"></div>
    </div>
    <div class="loader-saving" style="margin-top: 10px;margin-bottom: 20px; display:none;"> </div>
    <div class="notes-categories"></div>
    <div class="settings-row-split"></div>
  </div>
  <div class="novid settings-row" style="width:380px;">
    <div class="col1">
      <span style="margin-top: 3px; display:block;float:left;">Update screens?</span>
      <a class="light_bulb tooltip-nt-no" href="" style="margin-top: 5px;" original-title="When uploading new files to your project, choose whether you want to add a new version or replace a current version."></a>
    </div>
    <div class="col2" style="margin-top: 0px; width:225px;">
      <div class="rb-st-row">
        <div class="rb-st-c1">
          <div class="comp-rb comp-us rb-scr-v" style="float: left;margin: 0 10px 0 0;" data-name="version" data-checked="off">
            <div class="rb checked"></div>
            <div class="rb-label" style="margin-top: -1px; font-weight: 600; font-size: 12px;">ADD VERSION </div>
          </div>
        </div>
        <div class="rb-st-c2" style="margin: 0 0 0 0">
          <div class="comp-rb comp-us rb-scr-r" style="float: left;margin: 0 10px 0 0;" data-name="replace" data-checked="off">
            <div class="rb"></div>
            <div class="rb-label" style="margin-top: -1px;font-weight: 600; font-size: 12px;">REPLACE </div>
          </div>
        </div>
      </div>
    </div>
    <div class="clear"></div>
  </div>
  <div class="novid settings-row-split"></div>
  <div class="settings-row">
    <div class="col1"> Image Alignment: </div>
    <div class="col2" style="margin-left: 2px;">
      <div class="settings-img-alignment" id="align-img">
        <a class="align-left img-l" href="" data-dir="left" data-dirt="horizontal"></a>
        <a class="align-center img-c active" href="" data-dir="center" data-dirt="horizontal"></a>
        <a class="align-right img-r" href="" data-dir="right" data-dirt="horizontal"></a>
        <a class="align-vertical-top img-t" href="" style="margin-left: 10px;" data-dir="top"></a>
        <a class="align-vertical-center img-b active" href="" style="" data-dir="bottom"></a>
        <div class="clear"></div>
      </div>
    </div>
    <div class="clear"></div>
  </div>
  <div class="novid settings-row-split"> </div>
  <div class="novid settings-row">
    <div class="col1">
      <span style="margin-top: 5px; display:block;">Hotspot Color:</span>
    </div>
    <div class="col2" style="margin-top: -5px; ">
      <span class="minicolors minicolors-theme-default minicolors-swatch-position-right minicolors-position-left"><input class="big_white color-picker minicolors-input" id="hotspot" name="color3" size="7" type="text" value="#a1cf50"
          style="width: 70px; margin-right: 10px; margin-top: 2px" maxlength="7"><span class="minicolors-swatch"><span style="background-color: rgb(161, 207, 80);"></span></span><span class="minicolors-panel minicolors-slider-hue"><span
            class="minicolors-slider"><span class="minicolors-picker" style="top: 0px;"></span></span><span class="minicolors-opacity-slider"><span class="minicolors-picker"></span></span><span class="minicolors-grid"
            style="background-color: rgb(162, 255, 0);"><span class="minicolors-grid-inner"></span><span class="minicolors-picker" style="top: 0px; left: 0px;"><span></span></span></span></span></span>
    </div>
    <div class="clear"></div>
  </div>
  <div class="settings-row-split"> </div>
  <div class="settings-row">
    <div class="col1">
      <span style="margin-top: 5px; display:block;">Background Color:</span>
    </div>
    <div class="col2" style="margin-top: -5px; ">
      <span class="minicolors minicolors-theme-default minicolors-swatch-position-right minicolors-position-left"><input class="big_white color-picker minicolors-input" id="bgc" name="color3" size="7" type="text" value="#ffffff"
          style="width: 70px; margin-right: 10px; margin-top: 2px" maxlength="7"><span class="minicolors-swatch"><span style="background-color: rgb(255, 255, 255);"></span></span><span class="minicolors-panel minicolors-slider-hue"><span
            class="minicolors-slider"><span class="minicolors-picker" style="top: 0px;"></span></span><span class="minicolors-opacity-slider"><span class="minicolors-picker"></span></span><span class="minicolors-grid"
            style="background-color: rgb(255, 0, 0);"><span class="minicolors-grid-inner"></span><span class="minicolors-picker" style="top: 0px; left: 0px;"><span></span></span></span></span></span>
    </div>
    <div class="clear"></div>
  </div>
  <div class="settings-row-split"></div>
  <div class="novid settings-row">
    <div class="col1">
      <span style="margin-top: 5px; display:block;">Background Image:</span>
    </div>
    <div class="col2" style="padding-bottom: 10px">
      <a class="awesome blue btn-bgflash small1" id="btn-upload-bg" style="margin-top: -5px; padding: 4px 15px 3px; text-align: center; font-weight: 600; display: inline;">UPLOAD FILE</a>
      <div id="file-status" style="display: none;">
        <p class="label_info" style="font-size: 12px;">uploading...</p>
        <p class="label_perc" style="font-size: 12px;">100%</p>
      </div>
      <div id="file-info" style="display: none;">
        <div style="height: 20px"></div>
        <div id="bg-thumb"></div>
        <a class="btn-delete-text" href="" style="width: 160px; font-size: 12px; font-family: jaf-facitweb,Arial; margin: 6px 0 0 0; padding: 0px 0 0 20px; font-weight: 600; color: #868686">DELETE CURRENT FILE</a>
      </div>
      <br>
      <br>
    </div>
    <div class="clear"></div>
  </div>
  <div class="bg-alignment novid settings-row" style="display: none;">
    <div style="height: 15px"> </div>
    <div class="col1"> Alignment: </div>
    <div class="col2" style="margin-left: 2px;">
      <div class="settings-img-alignment" id="align-bg">
        <a class="align-left bg-l" href="" data-dir="left" data-dirt="horizontal"></a>
        <a class="align-center bg-c active" href="" data-dir="center" data-dirt="horizontal"></a>
        <a class="align-tile bg-t" href="" data-dir="right" data-dirt="horizontal"></a>
        <a class="align-vertical-top bg-vt" href="" style="margin-left: 10px;display:none;" data-dir="top"></a>
        <a class="align-vertical-center bg-vb" href="" style="display:none;" data-dir="bottom"></a>
        <br>
        <br>
      </div>
    </div>
    <div class="clear"></div>
  </div>
</form>

<form>
  <!--
          <div class='share-hdl' style='margin: 22px 0 0 0;'></div>
          <div style='float: left;'>
            Assign existing co-workers to this project
          </div>
          <a class='light_bulb tooltip-nt-no' href='' title='Select a group and pick a person from the list below.' style='margin-top: 4px; margin-right: 10px;'></a>
          <div class='clear'></div>
        -->
  <div style="height: 25px"></div>
  <div class="dp-container" style="margin-bottom: 20px;">
    <div class="select2-container cat_down" id="s2id_dp_people_sl" style="width: 400px; display: inline-block;">
      <a href="javascript:void(0)" onclick="return false;" class="select2-choice" tabindex="-1">   <span class="select2-chosen" id="select2-chosen-2">General</span><abbr class="select2-search-choice-close"></abbr>   <span class="select2-arrow" role="presentation"><b role="presentation"></b></span></a><input
        class="select2-focusser select2-offscreen" type="text" aria-haspopup="true" role="button" aria-labelledby="select2-chosen-2" id="s2id_autogen2">
      <div class="select2-drop select2-display-none">
        <div class="select2-search select2-search-hidden select2-offscreen"> <input type="text" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" class="select2-input" role="combobox" aria-expanded="true"
            aria-autocomplete="list" title="Search field" aria-owns="select2-results-2"> </div>
        <ul class="select2-results" role="listbox" id="select2-results-2"> </ul>
      </div>
    </div><select class="cat_down select2-offscreen" id="dp_people_sl" style="width: 400px; display: inline-block;" title="" tabindex="-1">
      <option value="0">General</option>
    </select>
  </div>
</form>

<form> Shared links are a quick way to grant someone access to preview a project, without adding them to your account. <div style="height: 15px"></div>
  <div class="row-enabled">
    <input id="cb_enabled" type="checkbox"> enabled
  </div>
  <div style="height: 10px"></div>
  <input class="big_white" id="txt_email" name="email" type="text" style="width: 260px; font-size: 10px" value="http://notism.io/share/f96090c06c8c89c" readonly="">
  <div style="height: 5px"></div>
  <div id="copy-flash-box"></div>
  <div style="height: 15px"></div>
  <div class="show-protect">
    <input id="cb_protected" type="checkbox"> password-protected <div style="height: 10px"></div>
    <div class="pwd-row">
      <input class="big_white" id="txt_password" name="pwd" type="password" style="width: 115px">
      <a class="awesome blue small1" id="btn-save-pwd" style="padding: 4px 15px 3px 15px; margin: -2px 0 0 5px;">SAVE PASSWORD</a>
    </div>
  </div>
  <div class="loader-saving" style="margin-top: 10px;display:none;"> </div>
</form>

Text Content

1000









JOIN THE DISCUSSION
SHARE:
Hello World
Created with Raphaël 2.1.2



LINK HOTSPOT TO...



BROWSE

Go to linked page after saving

http://

MESSAGE


SAVE
CANCEL



Click to add a note

TIP: Press the SHIFT key to view hotspots

Created with Raphaël 2.1.2

Approved


CLOSE
In Progress
For Review
Approved
PROJECT SETTINGS

Note Categories
ADD CATEGORY

Category name


set as default for further projects


SAVE
CANCEL





Update screens?
ADD VERSION
REPLACE


Image Alignment:



Hotspot Color:



Background Color:



Background Image:
UPLOAD FILE

uploading...

100%


DELETE CURRENT FILE



Alignment:




PEOPLE ON THIS PROJECT

Assign existing people
Add new people


General

General




SHARE THIS PROJECT

Shared links are a quick way to grant someone access to preview a project,
without adding them to your account.

enabled




password-protected

SAVE PASSWORD


 * 0
   
   
   
   uploading...
   
   33 %
   
   ARE YOU SURE?
   
   YES NO
   
   
   
   End 2 End Technologies....
   




 * Filter screens by status
   In Progress
   
   
   For Review
   
   
   Approved
   
 * 






1 - 10 of 34 actions


uploading... 100%

12 of 10

End 2 End Technologies.jpg

created on May 28, 02:49 pm


ARE YOU SURE?
YES CANCEL


1 - 10 of 34 actions
MARK ALL AS READ




Show live cursors



Stop presentation


Exit this presentation


PARTICIPATE IGNORE
LIVE CHAT (5)


SEND


200%

150%

100%

75%

50%

25%


Drag & drop your files here
or select files from your harddrive





ADD A TO-DO
select a target



To-do list:
ADD TO-DO LIST


Give the new list a title

ADD THIS TO-DO LIST CANCEL

General

General

Create a task in Basecamp right from Notism.
Select an account:


Select a project:


To-do list:


Create a task in Asana right from Notism.

Insert Asana-Api-Key
Go directly to the api-key-tab to get your api-key.

SAVE


Select a workspace:


Select a project:


To-do:

Add a new to-do
Assign to..

Assign to..
DATE

ADD THIS TO-DO CANCEL